使用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()正在克隆select中的#myDiv元素，因此您在fancybox中有两个隐藏的select元素和两个元素。

而不是：

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

......我宁愿这样做：

$.fancybox('#myDiv');

参见 JSFIDDLE