FancyBox不触发 -

我正在为我正在开发的网站使用jQuery fancyBox的多个实例。它位于测试网址; http://youwontbelievewhathappened.com/Test/test.html FancyBox不触发 -

我设置站点内的大多数看中箱这种类型的标记和拨打：

首先加价：

<a href="#blogpostBox" title="Blog Post">Blog Post</a> 

     <br /><br /> 

<a href="#announcementBox" title="Announcement Box">Site Announcement</a>

呼叫正文：

<div class="fancybox"> 
    <div id="blogpostBox" style="width:400px;height:100px;overflow:auto;"> 
    [This is the blog post] 
    </div> 
    </div> 

    <div class="fancybox"> 
    <div id="announcementBox" style="width:400px;height:100px;overflow:auto;"> 
    [This is the announcement] 
    </div> 
    </div>

但是对于最后两个链接，我试图触发fanc y box for;这不会触发它。它只是在网站网址的末尾加载'#contentdiv'。它不可能是我将它移动到外面的位置，并且尝试了它，仍然没有这样的运气。有什么建议么？

两个麻烦的环节都位于扩张右侧栏，标有“点击我”

来源

2011-10-24 Fred Randall

它看起来像你从来没有真正呼吁那些链接的fancybox。

在你scripts.js中的文件，你打电话的fancybox这些选择：

//// Fancybox links 
$("#footer a,#friendsbox a,#moreinfo").fancybox(); 
$("#openTextEntry").fancybox({onClosed:update_textEntry});

但这些链接都在里面#rightsidebar，所以只需添加到选择：

//// Fancybox links 
$("#footer a,#friendsbox a,#moreinfo, #rightsidebar a").fancybox(); 
$("#openTextEntry").fancybox({onClosed:update_textEntry});

来源

2011-10-24 19:19:52 swatkins

这是关于它！尽管如此，我无法称之为“#rightsidebar a”，因为这会触发带有“点击我”和幻灯片功能的花式框。所以我试着给每个链接打电话并仍然有些麻烦。 –

啊 - 我只需要添加id =“”明白了。多谢，伙计。 –

使用

<div class="lightbox"> 
<a class="iframe" href="#announcementBox" title="Announcement Box">Site Announcement</a> 
</div>

并添加如下脚本

来源

2011-10-24 19:21:20

感谢您的回复;那仍然没有工作。为什么我需要这两个链接的不同方法和脚本？ –

我在http://www.akhoni.com/上使用了这个功能。点击左侧边栏中的“Pay Cash on Coupon Delivery”链接。我在该页面上有很多链接，因此请使用fancybox i使用.lightbox类，也用于宽度高度和不透明度。我从fancybox中使用过的类iframe。如果你需要这种类型的fancybox，那么使用iframe类。 –

FancyBox不触发 -

回答

相关问题