Javascript 使用URL激活引导选项卡

我有一个java脚本，当url看起来像这样时，可以在页面加载上激活引导选项卡：

/settings#update

<script type="text/javascript">
   $(function () {
     var url = document.location.toString();
     var url2 = url.split('#')[1];

     var script = '#myTab a[href="#'+url2+'"]';

     $(script).tab('show');

    })
</script>

这意味着什么？

如果url中没有

#

，则

脚本

变量未定义。 你需要检查一下这个案子

<script type="text/javascript">
   $(function () {
     var url = document.location.toString();
     if(url.match('#')!=null){
        var url2 = url.split('#')[1];
        var script = '#myTab a[href="#'+url2+'"]';
        $(script).tab('show');
     }

   })
</script>

$（函数（）{
var url=document.location.toString（）；
if（url.match（'#'）！=null）{
var url2=url.split（“#”）[1]；
var script='#myTab a[href=“#'+url2+”]；
$（脚本）.tab（'show'）；
}
})

确保您的页面位于所有其他html内容的下方。在尝试使用脚本操作DOM之前，请确保已正确加载DOM。您还可以将函数包装在$（document）.ready（）中，以确保加载了DOM。正如前面在评论中提到的，代码运行良好

... 
$（文档）.ready（函数）({
var url=“costam#active”
var url2=url.split（“#”）[1]；
var script='#myTab a[href=“#'+url2+”]；
$（脚本）.tab（'show'）；
}));

是否存在

#

并不重要。我得到了错误。您是否以正确的方式放置了脚本文件？我已经在JSFIDLE中运行了。以下是链接：。至于您的问题，您可能在加载DOM元素之前加载javascript代码。

Uncaught TypeError: undefined is not a function 

<script type="text/javascript">
   $(function () {
     var url = document.location.toString();
     if(url.match('#')!=null){
        var url2 = url.split('#')[1];
        var script = '#myTab a[href="#'+url2+'"]';
        $(script).tab('show');
     }

   })
</script>

<ul class="nav nav-tabs" id="myTab">
    <li class="active"><a href="#general" data-toggle="tab" class="btn btn-primary">a0</a></li>
    <li><a href="#identities" data-toggle="tab" class="btn btn-primary">a1</a></li>
    <li><a href="#update" data-toggle="tab" class="btn btn-primary">a2</a></li>
  </ul>
 <div class="tab-content">
    ... 
 </div>
<script>
    $(document).ready(function({
    var url = "costam#active"
     var url2 = url.split('#')[1];

     var script = '#myTab a[href="#'+url2+'"]';

     $(script).tab('show');
    }));
</script>