我的页面上有3个弹出窗口。它们使用JQuery和以下JS代码运行:
$(document).ready(function() {
$('#open_thanks').click(function(e) {
e.preventDefault();
var tPop = $('.thanks_popup');
tPop.toggle();
});
$('#open_reference').click(function(e) {
e.preventDefault();
var rPop = $('.leave_reference_popup');
rPop.toggle();
});
$('#facebook').click(function(e) {
e.preventDefault();
var fPop = $('.facebook_popup');
fPop.toggle();
});
$('.thanks_popup').append('<div class="close"><div class="inner"><button></button></div></div>');
$('.leave_reference_popup').append('<div class="close"><div class="inner-2"><button></button></div></div>');
$('.facebook_popup').append('<div class="close"><div class="inner-3"><button></button></div></div>');
$('div.inner button').click(function() {
var tPop = $('.thanks_popup');
tPop.toggle();
});
$('div.inner-2 button').click(function() {
var rPop = $('.leave_reference_popup');
rPop.toggle();
});
$('div.inner-3 button').click(function() {
var fPop = $('.facebook_popup');
fPop.toggle();
});
});
我的HTML非常简单:
<a href="#" id="open_thanks">Thanks Popup</a>
<a href="#" id="open_reference">Open Reference</a>
<a href="#" id="facebook">Open Facebook Popup</a>
我无法弄清楚如何使用hashtag URL导航将弹出窗口默认设置为打开?基本上,我希望能够链接到index.html#open_thanks并将该弹出窗口默认设置为open / up。
感谢。