我在index.html页面中有一个链接,我需要打开位于其他页面中的div,称为index2.html,但我做不到。

我的代码是这样的:

链接到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>


这是我在efect.js中的代码:

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

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

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

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


请帮我。

最佳答案

尝试使用window.location.hash:

链接到index.html:

<a href="http://example.com/index2.html#show-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>


这是我在efect.js中的代码:

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

$(document).ready(function(){
        $("#open_modal").on('click', showModal);

        $("#close_modal").click(function(){
            $( '#modal, #bg-modal' ).fadeOut();
        });
        if (window.location.hash == '#show-modal') {
            showModal();
        }
    });

关于javascript - 在其他页面中打开jQuery Fancybox,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/16725746/

10-10 00:18