Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/373.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 使用特定URL链接到引导选项卡_Javascript_Jquery_Html_Css_Twitter Bootstrap - Fatal编程技术网

Javascript 使用特定URL链接到引导选项卡

Javascript 使用特定URL链接到引导选项卡,javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,我目前正在开发一个使用bootstrap的网站,我正在使用bootstrap选项卡功能在页面之间导航,而不加载任何其他html文件,但我也尝试允许URL指向某些页面,这是我的问题 我可以使用 var url = document.location.toString(); if (url.match('#')) { $('.nav-tabs a[href=#'+url.split('#')[1]+']').tab('show') ; } 但这不会显示页面上的任何内容,除非您导航

我目前正在开发一个使用bootstrap的网站,我正在使用bootstrap选项卡功能在页面之间导航,而不加载任何其他html文件,但我也尝试允许URL指向某些页面,这是我的问题

我可以使用

    var url = document.location.toString();
if (url.match('#')) {
    $('.nav-tabs a[href=#'+url.split('#')[1]+']').tab('show') ;
} 
但这不会显示页面上的任何内容,除非您导航出页面并返回,基本上,如果我在该选项卡中放入文本,它不会显示,但如果我打开另一个选项卡,然后返回到链接到的页面,它将正常工作

以下是我正在研究的内容的链接:

导航页面是可行的,但当我使用类似的url时,它会显示一个空白页面,如您所见


如果您需要更多信息,请告诉我,我感谢您的帮助

可能的dup我怀疑这是一个时间问题-请确保在引导设置选项卡后执行此操作。另外,使用
document.location.hash
更容易通过字符串拆分获得URL的哈希部分。