单击链接到特定的引导选项卡

特朗·特兰

有没有一种方法可以单击链接,然后转到另一个页面并打开特定的引导程序选项卡?

这是我的html:

<a href="/admin/#tab2">View Tab 2</a>

在我的/ admin路由上,我具有bootstrap标签:

<ul class="nav nav-tabs">
    <li class="active"><a href="#tab1" data-toggle="tab">Completed</a></li>
    <li><a href="#tab2" data-toggle="tab">Confirmed</a></li>
    <li><a href="#tab3" data-toggle="tab">Shipped</a></li>
</ul>

点击我的链接后,我希望该应用转到/ admin路由并显示的内容#tab2有人可以帮忙吗?

提前致谢!

肯·斯蒂佩克

是的,您可以这样做。但这将需要一些自定义的jQuery。

首先,您需要使用以下链接在新标签页中打开链接 target="_blank"

<a target="_blank" href="/admin/#tab2">View Tab 2</a>

然后,在您要转到的页面上,将需要触发该选项卡才能打开。您可以使用以下代码(标签的ID为“ myTabs”)执行此操作:

$('#myTabs a[href="' + window.location.hash + '"]').tab('show')

有关其网站的更多信息:http : //getbootstrap.com/javascript/#tabs

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

链接到jQuery选项卡的特定选项卡

来自分类Dev

链接到特定选项卡的Bootstrap

来自分类Dev

如何给外部链接到引导选项卡

来自分类Dev

引导程序链接到带有URL的选项卡

来自分类Dev

jQuery UI选项卡:从选项卡中链接到下一个/特定选项卡

来自分类Dev

jQuery UI选项卡:链接到选项卡中的下一个/特定选项卡

来自分类Dev

链接到嵌套的JQuery选项卡

来自分类Dev

单击链接打开选项卡

来自分类Dev

将UIButton链接到几个不同选项卡栏控制器中的特定选项卡

来自分类Dev

如何使用Bootstrap3选项卡链接到其他页面上的特定选项卡?

来自分类Dev

单击徽标将重定向到特定的“引导程序”选项卡,并将其激活

来自分类Dev

如何链接到特定的Angular-ui静态选项卡

来自分类Dev

从另一页Wordpress链接到特定的Bootstrap选项卡

来自分类Dev

从另一页Wordpress链接到特定的Bootstrap选项卡

来自分类Dev

如何从另一个页面链接到特定选项卡(Telerik RadTab)

来自分类Dev

如何链接到特定的Angular-ui静态选项卡

来自分类Dev

用户单击特定链接后更改活动选项卡不起作用

来自分类Dev

单击每个选项卡时是否可以刷新引导程序选项卡的内容?

来自分类Dev

选项卡-单击选项卡之一(引导程序)后显示的内容

来自分类Dev

导航选项卡不会随着引导中的单击而更改

来自分类Dev

刷新选项卡单击引导上的页面

来自分类Dev

引导选项卡单击时无响应

来自分类Dev

引导程序选项卡链接不起作用

来自分类Dev

从外部链接到Bootstrap选项卡-如何将选项卡设置为“活动”?

来自分类Dev

如何使用参数链接到SalesForce选项卡

来自分类Dev

将通知链接到Shinydashboard中的选项卡

来自分类Dev

通过javascript链接href以单击选项卡中的按钮

来自分类Dev

用户单击时在新选项卡中打开链接

来自分类Dev

右键单击并保存链接以在新选项卡中打开

Related 相关文章

  1. 1

    链接到jQuery选项卡的特定选项卡

  2. 2

    链接到特定选项卡的Bootstrap

  3. 3

    如何给外部链接到引导选项卡

  4. 4

    引导程序链接到带有URL的选项卡

  5. 5

    jQuery UI选项卡:从选项卡中链接到下一个/特定选项卡

  6. 6

    jQuery UI选项卡:链接到选项卡中的下一个/特定选项卡

  7. 7

    链接到嵌套的JQuery选项卡

  8. 8

    单击链接打开选项卡

  9. 9

    将UIButton链接到几个不同选项卡栏控制器中的特定选项卡

  10. 10

    如何使用Bootstrap3选项卡链接到其他页面上的特定选项卡?

  11. 11

    单击徽标将重定向到特定的“引导程序”选项卡,并将其激活

  12. 12

    如何链接到特定的Angular-ui静态选项卡

  13. 13

    从另一页Wordpress链接到特定的Bootstrap选项卡

  14. 14

    从另一页Wordpress链接到特定的Bootstrap选项卡

  15. 15

    如何从另一个页面链接到特定选项卡(Telerik RadTab)

  16. 16

    如何链接到特定的Angular-ui静态选项卡

  17. 17

    用户单击特定链接后更改活动选项卡不起作用

  18. 18

    单击每个选项卡时是否可以刷新引导程序选项卡的内容?

  19. 19

    选项卡-单击选项卡之一(引导程序)后显示的内容

  20. 20

    导航选项卡不会随着引导中的单击而更改

  21. 21

    刷新选项卡单击引导上的页面

  22. 22

    引导选项卡单击时无响应

  23. 23

    引导程序选项卡链接不起作用

  24. 24

    从外部链接到Bootstrap选项卡-如何将选项卡设置为“活动”?

  25. 25

    如何使用参数链接到SalesForce选项卡

  26. 26

    将通知链接到Shinydashboard中的选项卡

  27. 27

    通过javascript链接href以单击选项卡中的按钮

  28. 28

    用户单击时在新选项卡中打开链接

  29. 29

    右键单击并保存链接以在新选项卡中打开

热门标签

归档