jQuery专家，jQuery扩展未克隆dom元素 [英] jquery gurus, jquery extend is not cloning the dom elements

问题描述

这是 jsfiddel :

class Overlay
    constructor: ->
      @header = $("<div> header</div>")
      @footer = $("<div> footer</div>")      
    get: ->
      @popup = $("<div></div>").append(@header).append(@footer)
      @popup.clone(true)

overlay = new Overlay
overlay_extend = {}    
$.extend(true,overlay_extend,overlay)
overlay_extend.header.append("<div>more header</div>")  
overlay.header.appendTo("body")

在jsfiddle中，我更改了扩展dom元素，并且更改了原始dom.

In the jsfiddle I changed the extended dom element and the orginal dom is changed..Any new ideas.

推荐答案

extend仅克隆本地JS对象，而不克隆DOM元素.在这里，克隆的jQuery对象仍然指向原始DOM元素.

extend only clones native JS objects, not DOM elements. Here, the cloned jQuery object still points to the original DOM element.

您需要 .clone() DOM元素.

You need to .clone() the DOM elements.

这篇关于jQuery专家，jQuery扩展未克隆dom元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！