jquery - jQuery - 如何将 click() 分配给使用 load() 加载的 html 内的元素

Question

我是 jQuery 的新手，所以请放轻松！

我想将 click() 函数分配给 div 内的元素。问题是该元素是从外部 html 源加载的。

换句话说，我在 div 中加载了一个“关闭”按钮，该按钮应该隐藏 div 本身。

我得到的结果是关闭按钮在单击时什么也不做。我究竟做错了什么？

谢谢！

索引.html：

<html>
<head>...</head>
<body>

   <div id="container"></div>

</body>
</html>

加载.js：

$(document).ready(function() {
    $('#container').load('content.html');
});

内容.html

<html>
<head>...</head>
<body>

   <div id="close"></div>

</body>
</html>

关闭.js

$(document).ready(function(){
    $("#close").click(function(){
        $("#container").hide(0);    
    });
});

score 1 · Accepted Answer

使用on().

$(document).ready(function(){
    $("#container").on('click', '#close', function(){
        $("#container").hide(0);    
    });
});

1 回答 1