jQuery - 选项卡式内容 - 在选定的选项卡上打开？

Question

我创建了一些选项卡式内容。我有什么办法可以通过更改 URL 来决定要打开哪个选项卡？我敢肯定我以前见过类似的东西，但找不到！

我在这里创建了一个小提琴：http://jsfiddle.net/sW966/

默认选项卡是选项卡 1。但例如，如果 URL 是 http://jsfiddle.net/sW966/#tab-2，页面会在选项卡 2 打开的情况下加载？

感谢您的帮助，有点挣扎:)

$(document).ready(function () {
    $(".tab").click(function () {
        $(".tab").removeClass("active");
        $(this).addClass("active");
        $("#tabbed-content .tab-content").hide();
        $($(this).attr("href")).show();
    });
});

Answer 1

为什么不把你的 JS 改成：

请注意，由于它的工作方式，这在 jsfiddle 中不起作用。

$(document).ready(function () {


    if(window.location.hash){
        tabChange($('.tab[href=#'+window.location.hash+']'));
    }

    function tabChange(tab){
        $(".tab").removeClass("active");
        tab.addClass("active");
        $("#tabbed-content .tab-content").hide();
        $(tab.attr("href")).show();        
    }    
    $(".tab").click(function () {
        tabChange($(this));
    });
});

Answer 2

你可以试试这个：

Working fiddle here

将属性“href”替换为“name”..

$(document).ready(function () {
   $(".tab").click(function () {
     $(".tab").removeClass("active");
     $(this).addClass("active");
     $("#tabbed-content .tab-content").hide();
     $($(this).attr("name")).show();
  });
});

祝你好运……