Backbone.js has routes. Hooray, now ‘#here’ can go here, ‘#there’ can go there, and so on! That’s the logic side sorted out.
\nWhat about presentation?<\/p>\n
In many cases, 1 route <=> 1 ‘page’ of content.<\/p>\n
How do we do that?<\/p>\n
The Bootstrap<\/a> library has a tabs component that implements a couple of very useful things:<\/p>\n We still need to add two small things to connect any<\/strong> router to a set of pages:<\/p>\n All it needs is the following code:<\/p>\n So what does this mean?<\/p>\n Look! A finely crafted demo: https:\/\/mindbleach.com\/demos\/backbone_bootstrap_pages\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":" Backbone.js has routes. Hooray, now ‘#here’ can go here, ‘#there’ can go there, and so on! That’s the logic side sorted out. What about presentation? In many cases, 1 route <=> 1 ‘page’ of content. How do we do that? … Continue reading \n
\n
\/\/On click, show the page, allow to route.\r\n$('#tab_demo_menu a').on('click', function (e) { \r\n\t$(this).tab('show'); \r\n}\r\n\/\/On route, trigger the 'click'\r\nBackbone.history.on('route', function(router, event) { \r\n\t$('#tab_demo_menu a[href="#'+this.fragment+'"]').click();\r\n});<\/pre>\n\n