繁体   English   中英

Bootstrap3对Navbar的后按钮支持

[英]Backbutton support for Navbar from Bootstrap3

返工 Twitter的引导的导航栏位,支持后退按钮。 因此,这是一个简单的单页解决方案,不需要服务器端处理。 试试这里 现在,我想创建从一个选项卡到另一个选项卡的链接。 我已经通过

// 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正常工作? 也就是说,正确实现了突出显示,后退浏览器支持,下拉菜单和onload行为。

更新:下拉列表仍然是一个问题,但是当您执行以下操作时,正常链接高亮显示问题似乎已解决:

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

或者我应该尝试easytabs这似乎是工作了与引导盒子?

简短答案:不可以。

长答案:Bootstrap只是一个CSS框架。 是的,它包括一些jQuery插件。 但是,如果仔细观察这些内容,您会发现其中大多数功能并不丰富。

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

暂无
暂无

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

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