javascript - Fancybox 内容消失

Question

当我尝试单击一个字段时，内容消失了。我只希望 x 按钮关闭弹出窗口而不是覆盖或内容。我还注意到，当我双击#contactus 和#contactus2 时，弹出窗口会消失，但覆盖不会消失。

请单击“查看线路”以查看弹出窗口。

这是防火代码：

$(document).ready(function() {

        $("#contactus").fancybox({
        'hideOnOverlayClick':false,
        'hideOnContentClick':false
});

    $("#contactus2").fancybox({
       'hideOnOverlayClick':false,
       'hideOnContentClick': false
});

    $("a#inline").fancybox({
        'hideOnContentClick': false
    });

});

Answer 1

澄清我在下面所说的话：

您在 id=inline 的链接上调用了 fancybox（您有两个具有相同 id 的链接，您可能应该使用一个类）。id=inline 的链接打开了它们的目标，即 div#contactus 和 div#contactus2。您还在 div#contactus 和 div#contactus2 上调用 fancybox，这会导致这些 div 打开一个 fancybox。

看到这个小提琴。

它看起来像这一行：

    $("#contactus2").fancybox({
   'hideOnOverlayClick':false,
   'hideOnContentClick': false

});

导致点击fancybox内的div打开另一个fancybox。尝试删除它并单击休斯顿以查看它是否有效。