Backbone.js 双向路由功能
单击“我的主干”应用程序中的选项卡时,路由将按预期工作,并呈现适当的视图:Backbone.js 双向路由功能,backbone.js,backbone-routing,Backbone.js,Backbone Routing,单击“我的主干”应用程序中的选项卡时,路由将按预期工作,并呈现适当的视图: switchView: function(event) { event.preventDefault(); // Get clicked tab var target = $(event.currentTarget); // Tab is already selected - do nothing if (target.parent().hasClass('selected')
switchView: function(event) {
event.preventDefault();
// Get clicked tab
var target = $(event.currentTarget);
// Tab is already selected - do nothing
if (target.parent().hasClass('selected')) {
return;
}
// First remove selected status on all tabs
this.$el.find('li').removeClass('selected');
// Then select the clicked tab
target.parent().addClass('selected');
// Switch to new view
var fragment = target.attr('href').split('#');
Backbone.history.navigate(fragment[1], true);
}
我想知道的是,在地址栏中写入匹配的URL时,如何实现相同的功能?例如,mydomain.com/app.html#section/about
会突出显示“about”选项卡。也许我忽略了一些事情,也许以上这些都是疯狂的,根本不是最佳实践
附加应用程序的模型:
我假设您的选项卡链接如下所示:
<ul>
<li><a href="#section/home">Home</a></li>
<li><a href="#section/products">Products</a></li>
</ul>
//未测试的代码示例我假设您的选项卡链接如下所示:
<ul>
<li><a href="#section/home">Home</a></li>
<li><a href="#section/products">Products</a></li>
</ul>
//代码样本未测试上次我检查时,
主干网没有导航
方法。历史记录
。您应该在您的主干网路由器上调用导航
方法instance@nEEbz,主干。历史记录
有一个导航
方法Router.navigate
在内部调用它。上次我检查时,没有navigate
方法用于Backbone.History
。您应该在您的主干网路由器上调用导航
方法instance@nEEbz,主干。历史记录
有一个导航
方法<代码>路由器。导航
在内部调用它。