我正在使用 Twitter 引导程序的选项卡插件,它需要激活选项卡的链接以包含以 a 开头的 URL 片段,#
后跟id
包含选项卡 HTML 内容的 div。
<a href="#home" data-toggle="tab">Home</a>
<div class="tab-pane" id="home">...</div>
有什么办法可以摆脱不得不使用的#
?另外,我尝试删除#
in 链接并以某种方式单击该链接不会使浏览器跟随该链接!
我正在使用backbone.js 和pushstates,所以我希望链接不包含#
,并且单击它应该将网址更新为mydomain.com/home
而不是mydomain.com/#home
。
<a href="home" data-toggle="tab">Home</a>
<div class="tab-pane" id="home">...</div>
和...
$(function() {
$('a[data-toggle="tab"]').on('shown', function(e) {
// Update URL in address bar to trigger Backbone.js's router
window.location.hash = e.target.hash;
});
});
这可以做到吗?还是我最好使用backbone.js 来编写我自己的选项卡功能?