Question

这是我的代码：

<script>
    $(document).ready(function(){
        $(".checkbox").change(function(){
            alert("test")
        });

        $(".loadInto").load("test.php");
    }
</script>

<td id="loadInto" > </td>

test.php脚本返回此代码：

<input type="checkbox" class='checkbox'/>

我成功加载了输入复选框，但是当我按下复选框时，我没有收到警报。为什么？

Answer 1

尝试在此上下文中使用event-delegation，因为您在运行时加载元素。

$('#loadInto').on('change', ".checkbox", function() {
  alert("test");
});

注意：在您的代码loadInto中，id不是class。留意这一点。

因此请更改您的选择器$("#loadInto").load("test.php");

如何通过加载函数加载输入元素？ jQuery的

1 个答案: