Spine with HTML5 History. How to navigate your links without reloading your app and handle the cases when you want to open a link in a new window.

spine-html5-history-navigate.coffeescript

require('lib/setup')

Spine = require('spine')
$ = Spine.$
Spine.Route = require('spine/lib/route')

Stacks = require('controllers/stacks')

class App extends Spine.Controller
    constructor: ->
        super
        stacks = new Stacks(el: $('#app'))
        Spine.Route.setup(history: true)

    events: {
        'click a': 'navigate'
    }

    navigate: (e) ->
        if e.currentTarget.target
            # external link
            $.noop();
        else if e.metaKey
            # open link in new window
            $.noop();
        else
            # navigate using push state
            e.preventDefault();
            Spine.Route.navigate(e.currentTarget.pathname);

module.exports = App