Question

我们目前正在使用jQuery来设置带有标签的表格。我们希望将用户从不同的页面引导到此页面的tab4。我们遇到的问题是它拒绝链接到tab4，它只会链接回第一个标签。我们正在使用

 $(".tabContent").hide();
 $("ul.tabs li:first").addClass("active").show();
 $(".tabContent:first").show();

 $("ul.tabs li").click(function () {
   $("ul.tabs li").removeClass("active");
   $(this).addClass("active");
   $(".tabContent").hide();
   var activeTab = $(this).find("a").attr("href");
   $(activeTab).fadeIn();
   return false;
});

我对此很新，所以任何深入的解释都会非常感激。如果需要更多信息，请告诉我。

Answer 1

将第四个标签的id设置为tab4。然后，只需链接到它：http://example.com/page.html#tab4。

如果这不起作用，您可以使用PHP，如果可能的话：

<?php
$page = isset($_GET["page"]) ? $_GET["page"] : 1;
switch ($page) {
    case 1:
        // code to switch to tab 1
        break;
    case 2:
        // code to switch to tab 2
        break;
    case 3:
        // code to switch to tab 3
        break;
    case 4:
        // code to switch to tab 4
        break;
}
?>

Answer 2

在你的网址中使用哈希符号“＃”，并使用window.onhashchange事件（它不是crossbrowser）进行观察。

或者你可以使用crossbrowser jquery hashchange plugin - example use。

链接到网页上的标签页

2 个答案: