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。

请参阅此fiddle。

它看起来像这一行：

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

});

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

Fancybox内容消失

1 个答案: