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');
    });
});

无法在元素中找到元素？

3 个答案: