具有所有內容（如按鈕）的div克隆

Question

下面是我的代碼，在此代碼中，當我執行div photo的.clone（）時，它僅執行div'photo'的克隆而沒有按鈕。 我想用內容克隆整個div（這里是button和div），我該怎么做？ 謝謝

HTML：

      <div class="photo">
        <button>Delete</button>
      </div>

JavaScript的：

         var $photo = $('.photo').clone();
         $('.photo').html($photo);

Answer 1

jQuery clone()函數具有一個名為withDataAndEvents的附加參數。

withDataAndEvents（默認：false）類型：Boolean一個布爾值，指示

事件處理程序和數據是否應該與元素一起復制。 默認值為false

因此，根據您的情況，以下代碼應該可以解決您的問題。

var $photo = $('.photo').clone(true);

小例子：

http://jsfiddle.net/5tT3P/1/

Answer 2

您的代碼在Chrome，Safari和Firefox（最新的OSX）中可以正常工作。 您是否僅嘗試克隆內容？

使用此HTML：

<div class="photo">
   <button>Delete</button>
</div>

和這個JS：

var $photo = $('.photo').clone();
$('.photo').html($photo);

新的HTML如下所示：

<div class="photo">
    <div class="photo"> <-- because a clone of .photo is being inserted into .photo -->
        <button>Delete</button>
  </div>
</div>

如果將其附加到新的div，則沒有.photo>.photo並且該按鈕可見。

FIDDLE小提琴。