我正在使用 jQueryUI 创建一个大型可排序卡片表,每个卡片都由一棵嵌套 div 标签的大树组成,并使用 CSS 进行样式设置。当我在某些条件下拖动卡片时,我想创建一个稍微透明的卡片“克隆”,在拖动时将其悬停在“真实”卡片的右侧,但我不想实际复制所有 HTML为了实现这种视觉效果。
那么,是否可以使用 javascript 在网页上的两个不同位置绘制相同的 DOM 元素,而无需实际复制 HTML?
感谢所有回答的人。
最佳答案
每个 DOM 元素要么根本不连接到 DOM,要么连接到一个特定的父元素。您不能在两个不同的位置显示相同的元素。附加到新的父级只会将元素从旧的父级移动。
您可以使用 cloneNode
(注意附加新的事件处理程序,因为它们不是克隆的)或在 JS 工厂中制作,生成一些"template"元素并将它们每个附加到不同的父元素。
关于javascript - 使用 javascript 在两个地方绘制单个 DOM 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11673609/