1

我对 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>

它仍然有效，例如尝试在左下角下载，但新标签不再以某种方式突出显示。（以前工作过。调查。）此外，当我想使用下拉菜单但旧选项卡仍突出显示时，请参见此处：http: //i.stack.imgur.com/9iCeR.png

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

更新：下拉仍然是一个问题，但是当您这样做时，高亮显示正常链接点击问题似乎已解决：

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

或者我应该尝试使用 bootstrap 开箱即用的 easytabs吗？

4

1 回答 1

1

简短的回答：没有。

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

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

于 2013-10-07T12:49:32.667 回答