我在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/