2013-07-06 41 views
0

我是jQuery的新手,所以轻松点我!jQuery - 如何将点击()分配给使用load加载的HTML内部元素()

我想给一个div中的元素分配一个click()函数。麻烦的是,该元素已从外部html源加载。

换句话说,我在应该隐藏div本身的div中加载一个“close”按钮。

我得到的结果是关闭按钮什么都不做,当点击。我究竟做错了什么?

谢谢!

的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);  
    }); 
}); 
+0

你在哪里加载'close.js'? –

+0

我在index.html中加载close.js,但我试过在index.html和content.html中加载它,仍然没有骰子... – p1xelarchitect

回答

1

使用on()

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

是的。你说得对 - 它有效。谢谢! – p1xelarchitect

相关问题