如何防止孩子從一個元素到另一個元素的頂部

Question

（好吧，我知道這些問題可能聽起來很糟糕，所以有人編輯他們是否知道如何重新表達它）。

所以，基本上我有這樣的：jsFiddle

而且你可能也看到，我試圖重新創建一個基本的Windows 7的Aero效果（好奇，好玩，學習等沒啥大），但我偶然發現了一些問題。 （我會解釋只是含糊，因爲你可以看到它在小提琴和否則這將是一個textathon）

• 文本粘貼在父母的（DIV）父（DIV）元素的頂部。
• 文字莫名其妙地泄漏出重複元素（div），甚至認爲它不是從原來的。

我知道這一切聽起來很奇怪，但你可能最好看到它在fiddle。

謝謝。

Answer 1

我想你遇到的問題是出於此：

$(container).find('*').each(function() { 
    var e_clone = $(this).clone(false).appendTo(processor); 
    // etc etc 
}); 

通過使用*選擇再運行。每次你克隆更多的標記到#processor比我想你可能已經打算。你會得到span.lol的兩個副本，因爲它首先克隆#box（包括所有的孩子），然後在下一個迭代中通過它自己複製span.lol。

至於文本「泄露」出來的母公司，它不發生在原......至少這是我在Chrome中看到，如果我註釋掉調用glass('#container', '#processor')。