Fancybox Google Chrome兼容性问题

Question

我使用fancybox添加客户，公司和电话号码。事情与Firefox完美配合，但是精美的盒子在Google Chrome中不起作用。这是我的代码。

这是我的HTML

<div id="serach_div_drop">
    <label class="lab">
        <select name="search_dropdown" class="txtfld4c" id="search_dropdown">
            <option id="search_companies">Companies</option>
            <option id="search_customers">Customers</option>
            <option id="search_phone">PhoneNumbers</option>
        </select>
    </label>
</div>

这是我的jquery代码。

$(document).ready(function () {
    $("#customerpop").fancybox({
        'hideOnContentClick': true,
        'href': '#addnewpopup-admin',
        openSpeed: 0,
        closeSpeed: 0

    });
    $("#companypop").fancybox({
        'hideOnContentClick': true,
        'href': '#addnewpopup-admin2',
        openSpeed: 0,
        closeSpeed: 0
    });
    $("#phonenumberpop").fancybox({
        'hideOnContentClick': true,
        'href': '#addnewpopup-admin3',
        openSpeed: 0,
        closeSpeed: 0
    });

#addnewpopup-admin，#addnewpopup-admin2，#addnewpopup-admin3。这些是同一目录中另一个文件中的div。 它在Firefox中完美运行，但我不知道为什么它不适用于Google Chrome？

我怎样才能做到这一点？任何想法都非常感激。