【问题标题】:Duplicate a div containing functioning elements with jquery使用 jquery 复制包含功能元素的 div
【发布时间】:2011-05-27 20:52:44
【问题描述】:

我有一个带有附加按钮的可拖动框,可以用元素填充框。 我想要一个按钮来复制这个盒子的所有功能和元素。

我目前的问题和疑问是; 我怎样才能复制整个盒子?包括它的元素和功能?

这里是代码预览;

http://jsfiddle.net/AttEb/

【问题讨论】:

  • 函数是什么意思?事件处理程序?
  • 嗯,有一个附加函数,一个删除函数,一个输入函数,我希望所有这些函数也都在克隆中:)
  • 我查看了您的代码....不要在要克隆的元素上使用 ID。改用类。而append 只是将另一个元素添加到一个元素中。如果你克隆父级,你也克隆了子级。您无需再次追加。

标签: jquery html clone


【解决方案1】:

使用 jQuery 的 .clone() 方法,但将 true 作为参数传递。

来自文档:

.clone() 方法执行匹配元素集的深层复制...

通常,绑定到原始元素的任何事件处理程序都不会复制到克隆。可选的 withDataAndEvents 参数允许我们更改此行为,并改为复制所有事件处理程序...

请注意,如果您使用live 和/或delegate 设置了事件处理程序,只要它们匹配相同的选择器,它们也会自动影响新元素。

【讨论】:

    猜你喜欢
    • 2011-06-12
    • 1970-01-01
    • 2013-03-30
    • 1970-01-01
    • 2011-07-26
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-09-13
    相关资源
    最近更新 更多