Question

下面是左侧标签导航内容。

            <div class="accordianDiv">
                <ul>
                    <li class="active"><a href="#tab1">tab 1</a></li>
                    <li><a href="#tab2">document tab 2</a></li>
                    <li><a href="#tab3">tab 3</a></li>
                </ul>
            </div>

工作正常。

当我从其他页面重定向到此页面时，它无效。

我使用 - window.location进行重定向。

请帮助我在从其他特定页面重定向时如何允许默认选择为tab3。

注意：当前手动点击导航工作低于代码;

//On Click Event
$("ul.tabs li").click(function () {
    $("ul.tabs li").removeClass("active"); //Remove any "active" class
    $(this).addClass("active"); //Add "active" class to selected tab
    $(".tab_content").hide(); //Hide all tab content
    var activeTab = $(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content
    $(activeTab).fadeIn(); //Fade in the active content
    return false;
});

Answer 1

尝试此操作：在加载网页后，从第一个active移除li课程，并将课程添加到li的{{1}}

<a href="#tab3">

Answer 2

将#tab附加到您的网址，并在手风琴初始化后打开一个特定的部分：

$(function(){
      $("#accordianDiv").accordion();
      if (location.hash != '') {
            // subtract 1 because activate uses zero based indexes 
            var section = parseInt(location.hash.replace('#tab',''))-1; 
            $('#accordianDiv').accordion("activate",section);
      }
});

然后用

重定向

window.location.href = "http://domain.com/page#tab1"

如何重定向到特定的手风琴种类标签

2 个答案: