Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/397.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 从其他页面单击链接时打开特定选项卡_Javascript_Html_Css_Tabs - Fatal编程技术网

Javascript 从其他页面单击链接时打开特定选项卡

Javascript 从其他页面单击链接时打开特定选项卡,javascript,html,css,tabs,Javascript,Html,Css,Tabs,大家好,我需要帮助 当在另一个页面上单击链接时,我需要在页面加载后显示选项卡,我看到这是使用哈希id完成的,但是有没有任何可能的方法可以使用数据过滤器来完成,因为它们是控制选项卡的 <div class="container"> <div class="row"> <div class="col-sm-12"> <ul class="nav nav-pills" id="filters">

大家好,我需要帮助

当在另一个页面上单击链接时,我需要在页面加载后显示选项卡,我看到这是使用哈希id完成的,但是有没有任何可能的方法可以使用数据过滤器来完成,因为它们是控制选项卡的

   <div class="container">
      <div class="row">
        <div class="col-sm-12">
          <ul class="nav nav-pills" id="filters">
            <li class="active"><a href="#" data-filter="*">All</a></li>
            <li><a href="#" data-filter=".Tab1">Tab1</a></li>
            <li><a href="#" data-filter=".Tab2">Tab2</a></li>
             <li><a href="#" data-filter=".Tab3">Tab3</a></li>
          </ul>
        </div>
      </div>
    </div>

您可以在查询字符串中传递特殊请求参数。然后获取参数值并激活相应的选项卡

例如,将选项卡名称添加到目标URL的查询字符串中,完整的相对URL为/my page?选项卡名称=配置文件。下面的表达式返回参数值,该值等于“profile”:

如果省略tab name,则表达式返回空字符串

然后选择“按接收值导航”选项卡,并使用方法激活其关联窗格

var tabName=window.location.href.match/[?&]tab name=[^&$]+/i | | |'='。split'='[1]; tabName='profile';//删除真实页面上的这一行 iftabName.length $'myTabs.nav链接[href='+tabName+']'.tab'show'; ... ... ... ...
你可以给css显示:无;之后,使用jquery窗口加载事件,然后使其显示:initial;完成了…为了更好地回答您使用的引导程序版本是什么?我使用的是引导程序v3.3.0。您需要从源页面传递特殊的请求参数,例如/my page?tab=tab name。然后可以使用document来获取参数值并激活相应的选项卡。我对Javascript@Alexander不是很熟练。你能帮我编写代码来完成这项工作吗?嘿,谢谢,这对于设置为使用id而不是数据过滤器的选项卡来说应该非常有效,我想我应该更改选项卡设置并使用此方法
var tabName = (window.location.href.match(/[?&]tab-name=[^&$]+/i) || '=').split('=')[1];