点击事件没有在jQuery Mobile中触发？

Question

看到这个小提琴：http://jsfiddle.net/Bg9Zx/5/

相关代码：

<fieldset data-role="controlgroup" data-type="horizontal" id="locate-me">
<input type="checkbox" name="loc" id="loc" />
<label for="loc">Locate me</label>
</fieldset>
$("#loc").click(function(){
   alert('locate clicked!');
});

为什么.click（）事件不会被触发？如果我不引用jQuery Mobile，那么工作得很好。

谢谢！

Answer 1

您引用错误。 #loc指的是使用它的元素的ID。

<label class="test" for="loc">Locate me</label>

$(".test").click(function(){
   alert('locate clicked!');
});

Answer 2

可能是因为你的jQuery代码没有包含在脚本标记中。请尝试以下方法：

<fieldset data-role="controlgroup" data-type="horizontal" id="locate-me">
<input type="checkbox" name="loc" id="loc" />
<label for="loc">Locate me</label>
</fieldset>
<script type="text/javascript">
$("#loc").click(function(){
   alert('locate clicked!');
});
</script>

希望有所帮助。 戴夫