jquery深度链接,前进和后退按钮

时间:2013-01-15 21:10:02

标签: jquery deep-linking

我为我的网站设置了一个深层链接设置,除了前进和后退按钮之外它都有效,我有点不确定如何更新我已经完成的工作。除非您点击刷新,否则网址会更改,但内容不会更新。

这是一个有效的例子:http://www.klossal.com/index2.html#color_dance

这是代码:

        // taked anchor from browser i.e '#bow' , '#bow-003'
        var id = window.location.hash;

        // check is it valid anchor
        if (id.match("#") != null | id.match("#undefined") != null) {


                $(id).ready(function () {
                    $(id).trigger("click");
                });
            }
        $(".iso").click(function () {
            window.location.hash = $(this).attr("id");
        });

1 个答案:

答案 0 :(得分:1)

$(window).on('hashchange',function(){         var id = window.location.hash;

    // check is it valid anchor
    if (id.match("#") != null | id.match("#undefined") != null) {


            $(id).ready(function () {
                $(id).trigger("click");
            });
        }

});