当前位置：首页 → 问答吧 → 讨论，append插入页面内的新节点无法进行click鼠标点击的解决方法？

讨论，append插入页面内的新节点无法进行click鼠标点击的解决方法？

时间：2009-03-28

来源：互联网

问题描述：
页面中存在着三个元素一个div,一个button
一个<div class="box"></div>和一个按钮<input class="button1" type="button" />
html代码：
<html>
<head>
</head>
<style>
body{margin:0; padding:0; font-size:12px; color:red;  background:#000000;}

</style>
<body>

<div class="box"></div>

<input class="button1" type="button" />

</body>
</html>

我用append的方法给.box这个Div添加一个新的dom节点<p class="p1">123213123</p>
jquery代码：
<script>
$(document).ready(function(){
     $(".button1").click(function(){
     $(".box").append("<p class='p1'>123213123</p>");
    });
});
</script>

现在我想对这个插入的节点再进行click鼠标点击的操作，
$(".p1").click(function(){
     $(this).hide("slow");
    });

结果是没有什么效果,请高手指点一二，谢谢诶！

[ 此帖被lxpww1021在2009-03-30 10:42重新编辑 ]

作者: lxpww1021 发布时间: 2009-03-28

作者: seekarmor 发布时间: 2009-03-28

楼上方法好用,但是达不到需求
我现在想取生成的节点的focus事件,怎取?

作者: ztfljy 发布时间: 2009-03-30

1.可以生成对象时绑定事件再添加到html

2.请查阅API中的live方法

作者: gordianyuan 发布时间: 2009-03-30