Preventing full page reload on Backbone pushState

Question

I\'m trying to prevent full page reloads using Backbone\'s pushState. When I call navigate() from my view\'s event, I see the messages marked // 1 below, but not // 2. In ad

Answer 1

It depends on how you've generated the HTML mark-up. It looks like you're using anchor tags (), so if those anchor tag href have values or even an empty string, then you need to cancel the default browser behavior otherwise you'll get a page reload. You can cancel the default behaviour using jQuery're event.preventDefault() like you mentioned. Alternatively, if you're not concerned about progressive enhancement or SEO, then you can set your anchor tag href to # or javascript:void(0);, which will also prevent to the page from reloading. e.g.

Click me

or

Click me