JQuery. Нажмите не работает

Question

У нас есть проблема в IE с некоторыми пользователями, у которых событие onclick не работает:

<button type="button" id="btnSomething" name="btnSomething" onClick="myFunction();">Continue</button>

После того, как копаться в сети, люди предложили использовать событие jcuery .click для кросс-браузерной совместимости.

Итак, я попробовал следующее:

<script type="text/javascript">$('#btnSomething').click(function(){myFunction();});</script>

Это не работает, я пытался добавить в оповещение («тест»); но это тоже не называется. Если это имеет какое-то значение, я не удалил onClick = "myFunction ();" из элемента кнопки, просто добавив вышеуказанный JS непосредственно после кнопки в файле HTML.

Answer 1

Два очка здесь.Во-первых, вы должны связывать свои обработчики событий только после завершения DOM.jQuery облегчает это для вас: вы всегда должны помещать весь свой код jQuery в обработчик document.ready:

$(document).ready(function(){
    $('#btnSomething').click(function(){
        around ();
    });
});

Во-вторых, поскольку ваша функция уже имеет имя (around), вам не нужнодобавить лишнюю анонимную функцию;Вы можете назвать это так:

$(document).ready(function(){
    $('#btnSomething').click(around);
});

Answer 2

Как уже говорили другие, он нужен внутри обработчика document.ready, но он может быть намного короче, например:

<script type="text/javascript">
  $(function(){ 
    $('#btnSomething').click(around);
  });
</script>

Если у вас нет внутри обработчика ready, $('#btnSomething') может не найти элемент, так как его пока не будет в DOM.

Answer 3

работает нормально.убедитесь, что ваш код jQuery запущен в блоке domready.см. здесь: http://jsbin.com/inubo4

Answer 4

igor,

вам нужно будет сослаться на библиотеку jquery и затем сделать что-то вроде этого:

<script src= "http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>

$(function(){
   $('#btnSomething').click(function(){
       around ();
   });
});

также удалите секцию onclick из вашей кнопки - ненавязчивый JavaScript.надеюсь, что это работает ..

Answer 5

Если кнопка содержится в форме, убедитесь, что вы возвращаете false в функции щелчка, чтобы предотвратить отправку формы.