如何创建指向特定选项卡的链接?

时间:2013-10-25 04:03:33

标签: javascript jquery html css

Demo link please click here

我正在尝试创建类似此page1.html#section1, page2.html#section2等的链接,但这些链接无法正常工作

相关代码

function showSection( sectionID ) {
    $('div.section').css( 'display', 'none' );
    $('div'+sectionID).css( 'display', 'block' );
}
$(document).ready(function(){
    if (
        $('ul#verticalNav li a').length &&
        $('div.section').length
    ) {
        $('div.section').css( 'display', 'none' );
        $('ul#verticalNav li a').each(function() {
            $(this).click(function() {
                showSection( $(this).attr('href') );
            });
        });
        $('ul#verticalNav li:first-child a').click();
    }

});

1 个答案:

答案 0 :(得分:0)

看一下这个帖子:

On - window.location.hash - Change?

不能归功于它,但你会在那个帖子中找到你的答案(也在评论中提到)。

你必须创建一个函数来检查每个哈希变化,如下所示:

$(window).on('hashchange', function() {
  .. work ..
});

所有学分归我给你的帖子中的人。