javascript - jQuery Fancybox を別のページで開く

Question

ページ index.html に 1 つのリンクがあり、index2.html という別のページにある div を開く必要がありますが、それはできません。

私のコードはこれです：

index.html 内のリンク

<a href="#modal" id="open-modal">Open Modal</a> 

index2.html ページのコンテンツ:

    <div id="modal" class="style-modal">                  
        <a id="close_modal" href="#" title="close modal"></a>
        <div id="content-modal">
          <p>Content here</p>
        </div>                  
    </div>

これはeffect.jsの私のコードです:

   $(document).ready(function(){
        $("#open_modal").click(function(){

            $( '#modal' ).fadeIn();
            $( '#bg-modal' ).fadeTo( 500, .5 );
         });

        $("#close_modal").click(function(){

            $( '#modal, #bg-modal' ).fadeOut();
        });
    });

私を助けてください。