jquery - 点击后缩略图消失

Question

这是我现在的模板站点的位置，您可以点击here .

现在我将第一个缩略图编程为在最初单击缩略图并通过 FancyBox 后通过图像库；就像之前在 StackOverflow 上问过的人一样，你可以找到 here .

或者，我网站上的一个缩略图的部分 jQuery 是:

var galPhotos1 = [
            {href : 'images/portfolio/smilehealthy_werewolfmtd.jpg','nextEffect' : 'fade',   'prevEffect'    : 'fade'}, 
            {href : 'images/portfolio/smilehealthy_applemtd.jpg','nextEffect' : 'fade',   'prevEffect'    : 'fade'},
            {href : 'images/portfolio/smilehealthy_vampiremtd.jpg','nextEffect' : 'fade',   'prevEffect'    : 'fade'}, 
        ];

        $('a#gallery1').live('click',function(){
            $.fancybox(galPhotos1);
        });

我想知道是否有任何关于如何使它在关闭 FancyBox 画廊时缩略图不会消失的建议？

非常感谢任何帮助! =]

Answer 1

在您的例子中，您正在对同一个元素应用两个不同的 fancybox 调用。你的 HTML 是

<a id="gallery1" class="fancybox"> ...etc

你调用 fancybox 的两个脚本是

$(".fancybox").fancybox(); // call fancybox for elements with class "fancybox"

和

$('a#gallery1').live('click',function(){
 $.fancybox(galPhotos1); // call fancybox on clicking the element with id "gallery1"
});

在这种情况下，存在可能导致这种奇怪行为的冲突。只需从 anchor 中删除 class="fancybox" 属性，您的缩略图就不会被删除。

<a id="gallery1"> ...etc