jquery 大师，jquery 扩展并没有克隆 dom 元素

Question

这是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。任何新想法。

Answer 1

extend 仅克隆原生 JS 对象，而不克隆 DOM 元素。这里，克隆的 jQuery 对象仍然指向原始 DOM 元素。

您需要.clone() DOM 元素。