直接从 url 访问选项卡答案

【问题标题】：Access to a tab directly from an url直接从 url 访问选项卡
【发布时间】：2014-05-14 10:38:21
【问题描述】：

我有这个标签栏，我需要从 url 访问：

<div class="tabsbar">
<ul id="myTabs" class="nav">    
    <li class="active">
        <a data-toggle="tab" href="#block_edit_content"><i class="glyphicon glyphicon-book"></i>Content</a>
    </li>
    <li>
        <a data-toggle="tab" href="#widget_configure"><i class="glyphicon glyphicon-wrench"></i>Configuration</a>
    </li>    
</ul>

这是 jQuery 选项卡功能：

jQuery(document).ready(function() {
    jQuery('#myTabs').tab();
 });

为什么，当我在 url 栏输入这个时，它不显示请求的选项卡，而只显示第一个？： http://www.example.com/block/edit/a/bid/3#widget_configure
有什么帮助吗？谢谢。

【问题讨论】：

我假设您正在使用 jQuery UI 选项卡并相应地重新标记。如果我错了，请自行纠正。

标签： jquery jquery-ui jquery-ui-tabs

【解决方案1】：

我认为这是行不通的，因为即使您在 url 本身中添加了标签的 href，也没有触发 click 事件。您可以这样做：

jQuery(document).ready(function($) {
    $('#myTabs').tab();
    var tabid = window.location.hash;
    if(tabid.length !== 0){
       $('#myTabs').find('a[href*="' + tabid + '"]').trigger('click');
    }

});

【讨论】：