Question

我一直试图让Fancybox和Quicksand一起工作。我让他们在同一页上工作，只是不“一起” 这是一些代码：

<head>
<script type="text/javascript">
    $(document).ready(function() {  
                $("a:visible").fancybox({
                'type'              : 'image',
                'titlePosition'     : 'outside',
                'overlayColor'      : '#000',
                'overlayOpacity'    : 0.7
            });
    });

</script>
</head>

然后：

  <a href="./gallery/img/shots/3.jpg" ><img src="./gallery/img/shots/3.jpg" /></a>

这些工作在一起。但是，在Quicksand“区域”中的任何内容上都不起作用（只需在新选项卡中打开图像），例如：

<section id="container">
            <ul id="stage">
                <li data-tags="Urban"><a href="./gallery/img/shots/1.jpg"><img src="./gallery/img/shots/1.jpg" alt="Illustration" /></li></a>
            </ul>
        </section>

我环顾四周，发现我可能需要从教程中更改以下代码：

$('#stage').quicksand(link.data('list').find('li'));

到

$('#stage').quicksand(link.data('list').find('li'),function(){
    // FancyBox initialization code.
});

我也在寻找这个“初始化代码”，而我发现的所有内容都是fancybox_init();。这似乎没有做任何事情？：S我也尝试将其更改为$('a:visible').fancybox({...});，但这也不起作用。
我知道这是小事/傻事，我只是看不到它我知道这适用于页面上的任何链接，但这是以后要解决的问题，我不认为这是问题所在？谢谢你的帮助，
约瑟夫达菲

Answer 1

我认为它可能不起作用的原因是你在标记中加入了一个链接标记。基本上，您的链接被点击，图像会因点击而打开。尝试删除“a”标记，看看是否仍然遇到同样的问题。

Fancybox和流沙 - 有点头疼

1 个答案: