我在 jquery 中编写了这段代码，以在一些事件发生后创建三个元素
$('body').append(
tmp= $('<div id="tmp"></div>')
);
$('<div id="close" />').appendTo("#tmp");
$('<div id="box-results" />').appendTo('#tmp');
这三个元素是正常创建的并添加到我的 DOM 中，但我想使用如下函数删除它们：
$("#close").click(function(e){
e.preventDefault();
$("#tmp").remove();
//$("#overlay").remove();
});
在我点击关闭 div 后，注意到发生了！我的代码有什么问题吗？
这是在线示例：mymagazine.ir/index.php/main/detail/36 http://mymagazine.ir/index.php/main/detail/36- 请在网站中找到“这里是 jquery 问题”句子，因为网站语言是波斯语
您需要在 #close 上添加点击处理程序after您将该元素插入到文档中。
编辑提供所需的演示；在 ff36 中测试：
<html>
<head>
<title>whatever</title>
<style type="text/css">
div {
border: 1px solid black;
padding: 0.3em;
}
</style>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function ()
{
$('body').append($('<div id="tmp"/>'));
$('<div id="close">click me</div>').appendTo("#tmp");
$('<div id="box-results">contents</div>').appendTo('#tmp');
$('#close').bind('click', function ()
{
$('#tmp').remove();
return false;
});
});
</script>
</head>
<body>
</body>
</html>
edit
更改您的插件代码
$.ajax({
...
success: function ()
{
$('<div id="close"/>').appendTo($('#tmp'));
}
});
$('#close').click(function (e) ...);
to
$.ajax({
...
success: function ()
{
$('<div id="close"/>')
.click(function (e) ...)
.appendTo($('#tmp'))
;
}
});
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
