jquery 克隆似乎不保留可拖动/可放置事件

Question

我有一排可以将项目拖入其中并对它们进行排序。这一切都正常。我什至对每个项目都有一个删除事件，因此可以将其从行中删除。

我想要一个可以克隆行的选项。我通过使用下面的克隆函数来完成此操作：

clonedrow = $("#row1").clone(true);
clonedid = "row"+nextRowNumber; //nextRowNumber is a variable calculated by counting the rows that exist already.
clonedrow.attr("id",clonedid).insertAfter("#row1");

除了“row1”中的可拖动/可排序事件不会复制到克隆行之外，这一切都有效。我做错了什么吗？我认为通过添加“true”它会复制事件......？

FWIW在加载页面时，我有一个函数可以自动构建第一行，并向其应用可拖动/可排序/删除事件......

Answer 1

我对draggable不太了解，但是当使用true克隆一个draggable元素时，似乎有一些奇怪的行为。也许您不希望克隆所有数据（如果其中一些数据特定于该元素）。

在这个简单的示例中，当您clone(true)一个克隆并尝试拖动克隆时，原始版本也会被拖动。

http://jsfiddle.net/ZmcHd/

也许最好重新应用 draggable( ）。

clonedrow = $("#row1").clone().draggable();

http://jsfiddle.net/ZmcHd/1/

如果您还需要其他设置，然后我将它们存储在一个变量中以防止重复。

var settings = {
        // some settings
}

clonedrow = $("#row1").clone().draggable(settings);

Answer 2

如果克隆传递 true 参数，则 jQuery 复制事件和数据。为了测试事件是否已被传递，请查看元素数据的 events 属性 http://www.jsfiddle。净/zfSrR/1/

console.log($("#row1").data('events'));
console.log($(clonedrow).data('events'));