2016-05-02 7 views
0

У меня есть этот фрагмент, который отлично работает, но когда я надел его на Dreamweaver, это не так. Чего не хватает?jquery не работает в Dreamweaver

$('div').each(function() { 
 
    orgText = $(this).html(); 
 
    newText = orgText.replace('(Código:',''); 
 
    $(this).html(newText); 
 
}); 
 

 

 
$('div').each(function() { 
 
    orgText = $(this).html(); 
 
    newText = orgText.replace(')',''); 
 
    $(this).html(newText); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div> 
 
(Código: 40398488494) 
 
</div>

Dreamweaver capture

Любая помощь я был бы признателен, спасибо

+0

Есть ли ошибки консоли – wahwahwah

+0

Вы пробовали оборачивать код в:.? ' $ (document) .ready (function() {}); '? –

+0

Что такое ошибка? check console –

ответ

0

Это лучше, если вы загрузите JQuery в заголовке, как это.

<head> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script> 
</head> 
0

Во время начальной загрузки страницы, вы ищете (тогда) неизвестный элемент, так как JS стреляет до HTML был оказан в полном объеме.

Вы можете разместить JS в нижней части страницы, непосредственно перед закрывающим </body> и поставить <div><small>(Código: 40398488494)</small></div>выше/перед тем в JS, или вы можете (предпочтительно) использовать $(document).ready().

Каждая из следующих будет работать:

С $ (документ) .ready()

<!doctype html> 
<html> 
    <head></head> 
    <body> 
     <script src='https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js'></script> 
     <script> 
     $(document).ready(function() { 
      $('div').each(function() { 
       orgText = $(this).html(); 
       newText = orgText.replace('(Código:',''); 
       $(this).html(newText); 
      }); 
      $('div').each(function() { 
       orgText = $(this).html(); 
       newText = orgText.replace(')',''); 
       $(this).html(newText); 
      }); 
     }); 
     </script> 
     <div><small>(Código: 40398488494)</small></div> 
    </body> 
</html> 

Обратите внимание, как это не имеет значения, где <div><small>(Código: 40398488494)</small></div> потому, что JS не будет огонь, пока страница не будет готова.

БЕЗ $ (документ) .ready()

<!doctype html> 
<html> 
    <head></head> 
    <body> 
     <div><small>(Código: 40398488494)</small></div> 
     <script src='https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js'></script> 
     <script> 
     $('div').each(function() { 
      orgText = $(this).html(); 
      newText = orgText.replace('(Código:',''); 
      $(this).html(newText); 
     }); 
     $('div').each(function() { 
      orgText = $(this).html(); 
      newText = orgText.replace(')',''); 
      $(this).html(newText); 
     }); 
     </script> 
    </body> 
</html> 

<div><small>(Código: 40398488494)</small></div> должны прийти перед ваши JS, если вы не используете $(document).ready().

Первый пример (с $(document).ready() является предпочтительным, поскольку он позволяет настроить то, что JS пожары и когда

Подробнее о .ready()

+0

Хорошее объяснение, я этого не знал. Благодарю. – Danielillo