Backbone History API Usage

index.html

<a href=''>Home</a>
<a href='about'>About</a>

index.js

$(function(){
var app = new Backbone.Marionette.Application();
app.addRegions({main : '#main'});

var AppRouter = Backbone.Router.extend({
	initialize : function(){
	    $('a').click(function(e){
	        e.preventDefault();
	        var href = $(this).attr('href');
	        Backbone.history.navigate(href, true);
	    });
	},

	routes : {
		'' : 'home',
		'about' : 'about'
	},

	home : function(){
		var homeView = new HomeView();
	    	app.main.show(homeView);
	},

	about : function(){
		var personModel = new PersonModel({
	        	firstName : 'test',
		        addresses : new AddressesModel([
		            new AddressModel({city : 'seoul'}),
		            new AddressModel({city : 'pusan'}),
		            new AddressModel({city : 'incheon'})
		        ])
		});
		var aboutView = new AboutView({model : personModel});
    		app.main.show(aboutView);
	}
	
});

new AppRouter();
Backbone.history.start({pushState : true});
});

test

2222222

test

test

0000testtest

testtest

testtest

1

2

hi