схожу с ума.Простое предупреждение, когда флажок установлен с помощью jquery

Question

Я не могу получить простое оповещение при срабатывании флажка / флажка. Я почесал голову, размышляя, почему я не могу заставить его работать, и я знаю, что это будет что-то простое ... Итак, что я делаю неправильно?

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

<input type="checkbox" id="test1" value="test1" name="test1" value="-1">test1</input>

Answer 1

Вы не ожидаете DOM ready . Если хотите, это сработает:

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

<input type="checkbox" id="test1" value="test1" name="test1" value="1" /> test1

Скрипка: http://jsfiddle.net/sanbc/

Answer 2

Вы захотите обернуть его в document.ready (), иначе событие click может быть назначено до того, как элемент существует.

OR

Убедитесь, что библиотека jQuery включена.

OR

Убедитесь, что никакие другие библиотеки javascript не включены, они могут испортить объект $. Если это так, замените $ на jQuery.

Попробуй и ответь мне с комментарием

Answer 3

Просто чтобы проверить очевидное, я никогда не писал ни одного кода Jquery UI без этой оболочки:

 $(document).ready(function() {
       //......
     });

Answer 4

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

Answer 5

Это работает для меня.

Пример: http://jsfiddle.net/jasongennaro/9dSMM/

Возможно, есть проблема с неготовностью DOM?

Не забудьте обернуть это в1008 *.

$(document).ready(function() {
   // put all your jQuery goodness in here.
 });

Подробнее здесь