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

你可以试试这个：

在这里工作小提琴

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

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

祝好运....