FancyBoxがトリガーしていません -

Question

私が開発しているウェブサイトに、jQuery fancyBoxの複数のインスタンスを使用しています。テストのURLにあります。 http://youwontbelievewhathappened.com/Test/test.html

私はマークアップのこのタイプのセットアップサイト内の空想の箱の大半をしましたし、呼び出し：

まずマークアップ：コンテンツへ

<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> 

しかし、最後の2つのリンクでは、fancのためのyボックス;これはそれを引き起こさないでしょう。サイトのURLの最後に '#contentdiv'が読み込まれます。それは私がそれを外に移動し、それを試したような場所であってはならない。まだそのような運がない。助言がありますか？

2つの面倒リンクを標識し、拡張可能な右のサイドバーに配置されていますが、実際にそれらのリンク上fancyboxを呼び出すことはありませんしているように見えます

Answer 1

を「私をクリックします」。あなたの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}); 

Answer 2

使用

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

スクリプトを次のように追加します。

​​