jquery - 无法在元素内找到元素？

Question

我有一个奇怪的错误，我不确定什么不起作用。

我有这个html：

    <div id="active">
        <label for="slide1"></label>
        <label for="slide2"></label>
        <label for="slide3"></label>
        <label for="slide4"></label>
        <label for="slide5"></label>
    </div> <!-- #active -->

这个jQuery：

$("#active label").click(function () {
    alert('hi');
});

然而，每当我单击元素时，jquery 都不会执行。我在 chrome 中进行了测试，以确保我点击了那个元素，我是。粘贴在这里的代码有问题还是我的错误是由其他原因引起的？

Answer 1

您的代码应该可以工作，假设您已将其包含在文档就绪处理程序中，并且包含jquery.js

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<!-- ^ Google CDN used as an example, a local file will work too -->
<script type="text/javascript">
    $(function() {
        $("#active label").click(function () {
            alert('hi');
        });
    });
</script>

Answer 2

$(function(){
  $("#active label").click(function () {
      alert('hi');
  });
});

Answer 3

试试这个

$(document).ready(function () {
    $("#active label").on('click', function () {
        alert('hi');
    });
});