Bootstrap3 中对导航栏的后退按钮支持

Backbutton support for Navbar from Bootstrap3

本文关键字：按钮 支持 导航 Bootstrap3      更新时间：2023-09-26

我已经重新设计了Twitter Bootstrap的导航栏以支持后退按钮。因此，这是一个简单的单页解决方案，不需要服务器端处理。试试这里。现在我想创建一个选项卡内到另一个选项卡的链接。我已经通过

// make links with data-toggle outside of mytabs working
$('#main a[data-toggle]').click(function (e) {
   $(this).tab('show');
});

并且只需要使用 data-toggle=tab 标记 HTML 中的链接：

<a href="#download" data-toggle="tab">Download</a>

它仍然有效，例如尝试在左下角下载，但新选项卡不再以某种方式突出显示。(之前工作过。此外，当我想使用下拉列表但旧选项卡仍突出显示时，请参阅此处：https://i.stack.imgur.com/9iCeR.png

我的问题：是否有一种"官方"或更好的方法来使引导的导航选项卡正常工作？ 即突出显示、后浏览器支持、下拉和加载行为正确实现的地方。

更新：下拉列表仍然是一个问题，但当您这样做时，正常链接单击时突出显示的问题似乎已修复：

$('#main a[data-toggle]').click(function (e) {
  document.location.hash = $(this).attr('href');
});

或者我应该尝试使用引导程序开箱即用的易选项卡？

简短回答：不。

长答案：Bootstrap的基础只是一个CSS框架。是的，它包含一些jQuery插件。但是，如果您仔细观察这些，您会发现它们中的大多数功能并不丰富。

所以不，你正在寻找的那种交互性并没有直接内置在 Bootstrap 中。您所在的路径是正确的 - 找到兼容的插件，或者自己动手。这似乎是 Bootstrap 的一个缺点，但事实并非如此。从Javascript的角度来看，他们让你决定如何最好地实现这些事情，而不是将你锁定在一种特定的方式上。

相关文章：