文章/答案/技术大牛

发布

社区首页 >问答首页 >Fancybox和Quicksand有点让人头疼

问Fancybox和Quicksand有点让人头疼
EN

Stack Overflow用户

提问于 2011-08-09 06:10:27

回答 1查看 710关注 0票数 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>

在一起，这些都是有效的。然而，在Quicksand "area“中的任何东西上，is都不起作用(只是在新选项卡中打开图像)，例如：

<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({...});，但也不行。

我知道这是件小事/傻事，但我就是看不出来。

我知道这在页面上的任何链接上都有效，但这是以后要解决的问题，我不认为这是问题所在？谢谢你的帮助

约瑟夫·达菲

quicksand

jquery

jquery-plugins

fancybox

回答 1

Stack Overflow用户

回答已采纳

发布于 2011-08-09 06:16:39

我相信它可能不起作用的原因是你在你的标记中包含了一个链接标签。基本上，你的链接会被点击，图像会作为点击的结果打开。试着去掉'a‘标签，看看你是否仍然遇到同样的问题。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/6989217

复制

相似问题

问Fancybox和Quicksand有点让人头疼
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Fancybox和Quicksand有点让人头疼EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Fancybox和Quicksand有点让人头疼
EN