来自克隆元素的点击操作不起作用 [英] Click action from cloned element does not work

问题描述

点击操作不适用于任何克隆的元素.

Click action won't work on any cloned element.

http://jsfiddle.net/Q9m4t/

HTML

<ul>
    <li>hello <a class="del" href="#">del</a></li>
    <li>new <a class="add" href="#">add</a></li>
</ul>

JS

$(".add").click( function() {
    $(this.parentNode).prev("li")
    .clone()
    .insertBefore(this.parentNode);
    return false;
});

$(".del").click( function() {
    $(this).closest("li").remove();
    return false;
});

任何人都可以帮忙吗?

推荐答案

将.clone()替换为.clone(true).这表明您要将所有事件处理程序都复制到新创建的克隆元素中.在 此处 上详细了解.

Replace .clone() with .clone(true). This indicates you want to copy all event handlers over to the newly created cloned element. Read up more about this here.

jsFiddle在这里.

jsFiddle here.

这篇关于来自克隆元素的点击操作不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！