Backbone.js and pushState

by

This is the pattern Tim Branyen uses in his boilerplate:

initializeRouter: function () {
  Backbone.history.start({ pushState: true });
  $(document).on('click', 'a:not([data-bypass])', function (evt) {

    var href = $(this).attr('href');
    var protocol = this.protocol + '//';

    if (href.slice(protocol.length) !== protocol) {
      evt.preventDefault();
      app.router.navigate(href, true);
    }
  });
}

Using that, rather than individually doing preventDefault on links, you let the router handle them by default and make exceptions by having a data-bypass attribute. In my experience it works well as a pattern. I don’t know of any great examples around, but trying it out yourself should not be too hard. Backbone’s beauty lies in its simplicity 😉

More Related Contents:

  1. Underscore template throwing variable not defined error
  2. Explanation of …
  3. Best way to iterate over an array without blocking the UI
  4. Why define an anonymous function and pass it jQuery as the argument?
  5. Backbone.js Empty Array Attribute
  6. Loading Backbone and Underscore using RequireJS
  7. External template in Underscore
  8. Getting Chrome to prompt to save password when using AJAX to login
  9. Backbone.js fetch with parameters
  10. What is two way binding?
  11. How to use if statements in underscore.js templates?
  12. Destroy or remove a view in Backbone.js
  13. Finding JavaScript memory leaks with Chrome
  14. Ways to save Backbone.js model data?
  15. Backbone: event lost in re-render
  16. Backbone.js get and set nested object attribute
  17. Backbone 0.9.9: Difference between listenTo and on
  18. In Javascript, what does this underscore mean?
  19. How to improve rendering performance when using $.html()
  20. Backbone View: Inherit and extend events from parent
  21. How do I fetch a single model in Backbone?
  22. Disposing of view and model objects in Backbone.js
  23. start javascript code with $(function, etc
  24. Reverse sort order with Backbone.js
  25. backbone.js structuring nested views and models
  26. Computed properties in Backbone
  27. Tell screen reader that page has changed in Backbone/Angular single-page app
  28. How to capture the key event from a view?
  29. What is the difference between these Backbone/Underscore .bind() methods?
  30. rails and backbone working together

Leave a Comment