Javascript 单击链接时如何定位引导选项卡?

Javascript 单击链接时如何定位引导选项卡?,javascript,jquery,twitter-bootstrap,Javascript,Jquery,Twitter Bootstrap,我的主页上有一个链接,可以转到编辑个人资料页面。在编辑页面中,我使用了如下引导选项卡 <ul class="nav custom-nav"> <li role="presentation" > <a href="#restaurant-basic-info" aria-controls="restaurant-basic-info" role="tab" data-toggle="tab">Restaurant Info</a> &

我的主页上有一个链接,可以转到编辑个人资料页面。在编辑页面中,我使用了如下引导选项卡

<ul class="nav custom-nav">
  <li role="presentation" >
    <a href="#restaurant-basic-info" aria-controls="restaurant-basic-info" role="tab" data-toggle="tab">Restaurant Info</a>
  </li>
  <li role="presentation">
    <a href="#edit-cuisine" aria-controls="edit-cuisine" role="tab" data-toggle="tab">Cuisine</a>
  </li></ul>
</ul>
选项卡内容:


电子邮件地址
密码

......
所以。现在,当单击主页上的链接时,我想打开ID为
餐厅基本信息
的选项卡

有可能吗?我在这里发现了类似的问题,但没有一个能帮我解决这个问题

希望有人能帮助我。
多谢各位

您可以通过调用以下命令激活选项卡:

$('ul.custom-nav a[href="#restaurant-basic-info"]').tab('show');

这可以在页面加载时执行。请检查id为
餐厅基本信息
的选项卡在哪里?@abraaraique,更新了问题。.您是否尝试在URL中传递
#餐厅基本信息
?是的。。我试过了,但对我不起作用…@user3733831如果你创建如下URL,它应该会起作用:
。你能告诉我当点击位于不同页面上的链接时是否可以激活选项卡吗?
。激活代码位于html部分的底部,在页面加载时运行。
$('ul.custom-nav a[href="#restaurant-basic-info"]').tab('show');