選擇輸入使用的fancybox

Question

當我加載使用的fancybox這樣

$.fancybox($('#myDiv').html()); 

<div id="myDiv" style="display: none;"> 
    <select id="mySelect"> 
     <option>Abc</option> 
     <option>Cde</option> 
    </select> 
</div> 

在JS

時的fancybox正顯示出我得到4個選項，爲什麼內容的內容複製？

$('#mySelect option').size() => 4 

Answer 1

因爲$('#myDiv').html()被克隆從#myDiv的select元素讓你有兩個隱藏select元素和兩個內部的fancybox。

取而代之的是：

$.fancybox($('#myDiv').html()); 

...我寧願做：

$.fancybox('#myDiv'); 

見JSFIDDLE