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

澄清什么，我下面说：

你有一个调用的fancybox与ID链接=在线（你有相同的ID两个环节，你应该改为使用类）。与ID =内联的链接打开它们的目标，这是div＃contactus和div＃contactus2。你也在div＃contactus和div＃contactus2上调用fancybox，这会导致这些div打开一个fancybox。

看到这个fiddle。

它看起来像这样一行：

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

}); 

导致对的fancybox里面打开另一个的fancybox在div点击。尝试删除并点击休斯顿，看看它是否有效。