简体   繁体   English

Twitter引导选项卡:转到带有超链接的特定选项卡

[英]Twitter Bootstrap Tabs: Go to Specific Tab with Hyperlink

I've tried to apply the method found on this post : specific tab hyperlink 我试图应用在这篇文章上找到的方法: 特定选项卡的超链接

But i don't understand why it doesn't work for me. 但是我不明白为什么它对我不起作用。 I'm sure it's a little mistake but i'm not an expert in javascript. 我敢肯定这是一个小错误,但我不是javascript方面的专家。

If you could give me some help : here is my page but if i try to access directly on my "devis" tab with this link it doesn't work. 如果您可以给我一些帮助:这是我的页面,但是如果我尝试通过此链接直接在“ devis”选项卡上访问, 无法正常工作。

Thanks for your time 谢谢你的时间

Try this: 尝试这个:

Your external link: 您的外部链接:

<a href="#Devis" data-toggle="tab">Devis From Outside</a>

And JS (to extract tab hash from page URL and update tabs view) : 和JS (从页面URL提取标签哈希并更新标签视图)

<script>
    $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
        var target = this.href.split('#');
        $('.nav a').filter('a[href="#'+target[1]+'"]').tab('show');
    })
</script>

See JsFiddle DEMO , I hope it works for you, Thanks ! 参见JsFiddle DEMO希望它对您 有用 ,谢谢!

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM