Блог

Я новичок в jQuery и застрял на какой-то странной проблеме. Я использую методы jQuery change и click . Они отлично работают при использовании в моем HTML-файле в <script> теге.

Нравится:

 <script>
    $("select,input").change(function ()
    {
        // My code and some alerts
    });
</script>
  

Когда я скопировал то же самое во внешнем JavaScript-коде без <script> и импортировал это в свой HTML, это вообще не работало.

Есть ли какие-либо изменения, которые необходимы для использования jQuery во внешнем JavaScript-коде?

PS: Некоторые другие функции, отличные от jQuery, присутствующие в том же внешнем коде JavaScript, успешно вызываются из HTML.

Во-первых, вам не нужен тег <script> во внешнем файле JavaScript, если я так читаю ваш пост.

Хитрость с jQuery заключается в том, что ваш код настроен на немедленное выполнение.

Вы хотите обернуть свой скрипт так, чтобы он загружался, когда документ будет готов, чем-то вроде:

 $(document).ready(function(){
    $("select,input").change(function ()
    {
        // My code and some alerts
    })
});
  

И вы хотите убедиться, что ваш файл загружен после jQuery (в противном случае значение $ global не будет установлено).

Дополнения:

Вот как должен выглядеть ваш HTML:

 <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script type="text/javascript" src="jscript/myExternalJs.js"></script>
  

Вот как должен выглядеть ваш код JavaScript (обратите внимание, что внутри файла JavaScript нет тега script):

 $(document).ready(function(){
    $("select,input").change(function ()
    {
        // My code and some alerts
    })
    // Other event handlers.
});
  

Что касается вашего другого скрипта … это как бы зависит от того, что вы делаете. Самое главное — не пытаться подключать прослушиватели событий к объектам, которые еще не существуют, вот почему мы используем document.ready .

Вы убедились, что jquery определен перед вашим собственным кодом jquery?

Вы также должны убедиться, что DOM готов при работе с jquery:

 $(document).ready(function() {
    $("select,input").change(function() {
        // my code and some alerts
    });

    // more code here if needed, etc.
});