克隆HTML元素与活动

Question

我有一个HTML图像元素，如下所示：

var actionImage = $("<img></img>"); 
    actionImage.attr("id", getRandomString()); 
    actionImage.attr("width", "16").attr("height", "16").attr("src", "Action_normal.png"); 
    actionImage.attr("style", "cursor: hand;"); 
    actionImage.bind('mouseover', function() { 
     OnMouseOver($(this).get(0));    
    }); 

当我克隆该元件I松开鼠标悬停事件。我怎样才能确保这些事件也被克隆。

Answer 1

Clone接受一个布尔参数，当它为true（这不是默认值）时，保存数据和事件。你想要$actionImage.clone(true)。

而@Purmou提到，你也可以通过绑定你的JS事件通过on或delegate来做到这一点，以避免这个问题。

Answer 2

在将true传递给JQuery中的clone()方法时，也会复制事件处理程序。所以只需使用$("#myElementId").clone(true)。

Answer 3

.clone具有[withDataAndEvents]选项，可以设置为true：

withDataAndEvents

一个布尔指示是否事件处理程序应 与元件一起被复制。从jQuery 1.4开始，元素数据将会被复制，以及 。

来源：http://api.jquery.com/clone/

这一直以来1.0的选项。