要疯了.简单的警告，当复选框被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准备好。如果你愿意，它会工作的:

<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事件。

或

确保包含jQuery库

或

确保没有包含其他javascript库，它们会弄乱$ object。如果是，用jQuery替换$。

试试这些，然后给我留言

Answer 3

这对我很有用。

示例:http://jsfiddle.net/jasongennaro/9dSMM/

也许有一个问题与DOM没有准备好?

请记住将其封装在document.ready中。

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

这里

Answer 4

将代码放入$(document).ready事件中，以便在尝试注册事件处理程序时确保复选框存在

Answer 5

只是为了检查明显的，我从来没有写过任何Jquery UI代码没有这个包装:

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