jquery - 使用 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