日期:2014-05-16  浏览次数:20386 次

jquery动态添加标签的问题
设置了p标签的class, 然后用jquery定义该标签单击事件为后面加上新内容, 并且给新加的内容设置相同的class. 为什么原来的标签单击后后面追加内容, 而动态生成的标签单击后后面不会再追加新内容, 如何解决?
html代码如下:
<p class="add_station">就是你</p>

jquery代码如下:
	$(function(){
$(".add_station").click(function(){
$(this).after('<p class="add_station">就是你</p>');
});
});

初始网页显示:
就是你

单击文字变为:
就是你
就是你

这时候单击第一行(原始的p标签),后面会增加新文本,但是单击新生成的文字不会触发单击事件, 如何解决?
jquery

------解决方案--------------------
用live

$(function(){
    $(".add_station").live('click' , function(){
        $(this).append('<p class="add_station">就是你</p>');
    });
});