Question

我正在使用Joshua Gatcke的99Lime HTML Kickstart框架进行原型设计。它使用了jQuery选项卡的实现，我想知道是否可以通过URL直接访问选项卡。

例如，我有一个页面，在本例中是静态内容。一个是#settings，另一个是#users。我想将用户重定向到/dashboard#users并立即显示用户标签。

这是可能的吗？

Answer 1

是的，确实如此。你有没有尝试过什么？或者你只是问是否有一些开箱即用的方法来做到这一点？

如果它是第一个，这里有一些伪代码（我想点击一个标签显示它，对吗？）：

window.onhashchange = function(e) {
    By.id(e.newUrl).click()
}

PS：使用By micro-library。

Answer 2

VOILÀ：

$(document).ready(function(){
    $(window).bind('hashchange', function(){
        $('ul.tabs a[href^="' + document.location.hash + '"]').click();
    });

    if (document.location.hash.length) {
        $(window).trigger('hashchange');            
    }
});

Working fiddle

编辑：

在彻底阅读您的问题后，我意识到这就是您所需要的：

$(document).ready(function(){
    if (document.location.hash.length) {
        $('ul.tabs a[href^="' + document.location.hash + '"]').click();
    }
});

使用URL访问正确的选项卡

2 个答案: