javascript - 如果新元素（克隆对象）附加在内部 html 中，我想刷新 dom

Question

DOM如果我将元素附加到并且元素是克隆对象，我想自动绑定元素的事件。这是代码片段：

HTML：

<input type="button" class="clickme" value="Click Me" />​

Javascript：

$(document).ready(function(){
    $(".clickme").click(function(){
        alert("Clicked");
        var cloneElem = $(this).clone();
        //cloneElem.bind("click");
        cloneElem.attr("value", "Click Me" + $("input").length.toString());
        $(this).parent().append(cloneElem);
    });
});​

结果：

如果我点击，Click Me1那么它也应该触发一个类似于Click Me

注意：我不想使用Live functionJQuery 来触发事件。

Answer 1

.clone接受是否也克隆事件的参数：

$(this).clone(true);

Answer 2

$(document).ready(function(){
    function do_logic() {
        alert("Clicked");
        var cloneElem = $(this).clone();
        cloneElem.click(do_logic);
        cloneElem.attr("value", "Click Me" + $("input").length.toString());
        $(this).parent().append(cloneElem);
    }

    $(".clickme").click(do_logic);
});​

Answer 3

如果您不希望克隆每个处理程序，则此示例应该可以工作。

$(document).ready(function(){
    $(".clickme").click(function(){
        alert("Clicked");
        var cloneElem = $(this).clone();
        cloneElem.click(function(){
           // code to be executed when you click cloned element.
        })

        //cloneElem.bind("click");
        cloneElem.attr("value", "Click Me" + $("input").length.toString());
        $(this).parent().append(cloneElem);
    });
});​

Answer 4

您还必须将点击事件添加到克隆元素。

一种方法来做到这一点..

$(".clickme").click(AddClone());

function AddClone() {
    alert("Clicked");
    var cloneElem = $(this).clone().click(AddClone());
    //cloneElem.bind("click");
    cloneElem.attr("value", "Click Me" + $("input").length.toString());
    $(this).parent().append(cloneElem);
}