javascript - 使用 javascript 在两个地方绘制单个 DOM 元素

标签 javascript jquery html jquery-ui

我正在使用 jQueryUI 创建一个大型可排序卡片表,每个卡片都由一棵嵌套 div 标签的大树组成,并使用 CSS 进行样式设置。当我在某些条件下拖动卡片时,我想创建一个稍微透明的卡片“克隆”,在拖动时将其悬停在“真实”卡片的右侧,但我不想实际复制所有 HTML为了实现这种视觉效果。

那么,是否可以使用 javascript 在网页上的两个不同位置绘制相同的 DOM 元素,而无需实际复制 HTML?

感谢所有回答的人。

最佳答案

每个 DOM 元素要么根本不连接到 DOM,要么连接到一个特定的父元素。您不能在两个不同的位置显示相同的元素。附加到新的父级只会将元素从旧的父级移动。

您可以使用 cloneNode (注意附加新的事件处理程序,因为它们不是克隆的)或在 JS 工厂中制作,生成一些"template"元素并将它们每个附加到不同的父元素。

关于javascript - 使用 javascript 在两个地方绘制单个 DOM 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11673609/

相关文章:

javascript - 在 Sequelize Hooks 中使用 Promise

javascript - 如何使用 javascript 正确更改 div 的大小?

jquery - 无法使 jQuery 函数正常工作

javascript - 子排序时如何获取父id

android - 自定义字体的垂直对齐偏移

javascript - 动态添加和编辑行

javascript - 如何对动态生成的文本框进行验证?

javascript - 想要使用 UI-Router 从 subview 更新父 View 值

javascript - 如果其他两个在 td 中不可用,则 Angularjs 显示 div

html - 仅当前一个 div 存在时才应用 css 规则