使用基于JQuery和Hashtag的URL切换弹出窗口

时间:2013-07-31 20:14:58

标签: javascript jquery html url url-routing

我的页面上有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。

感谢。

1 个答案:

答案 0 :(得分:1)

在页面加载时,解析出url中的任何哈希值,然后执行x。

How to get #hash value in a URL in JS