1

我一直试图让 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>

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

<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({...});，但这也不起作用。
我知道这是小事/愚蠢的，我只是看不到它。
我知道这适用于页面上的任何链接，但这是稍后要解决的问题，我不认为这是问题吗？感谢您的帮助，
约瑟夫·达菲

4

1 回答 1

0

我相信它可能不起作用的原因是您在标记中包含了链接标签。基本上，您的链接被点击并且图像作为点击的结果打开。尝试删除“a”标签，看看您是否仍然遇到同样的问题。

于 2011-08-08T22:16:38.793 回答