Question

我是jQuery的新手，所以对我很轻松！

我想将click（）函数分配给div中的元素。麻烦的是该元素已从外部html源加载。

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

我得到的结果是单击时关闭按钮不执行任何操作。我做错了什么？

谢谢！

的index.html：

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

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

</body>
</html>

load.js：

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

content.html

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

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

</body>
</html>

close.js

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

Answer 1

使用on()。

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