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()正在克隆select元素，#myDiv所以你有两个隐藏select元素和两个在幻想框内。

而不是这个：

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

...我宁愿这样做：

$.fancybox('#myDiv');

见JSFIDDLE