Backbone.js Routerサンプル

• top
• mypage
• page1
• page2

<h2 id="title"></h2>
<ul>
  <li><a href="/s/backbone-javascript-howto/router.html#">top</a></li>
  <li><a href="/s/backbone-javascript-howto/router.html#mypage">mypage</a></li>
  <li><a href="/s/backbone-javascript-howto/router.html#page/1">page1</a></li>
  <li><a href="/s/backbone-javascript-howto/router.html#page/2">page2</a></li>
</ul>

const Router = Backbone.Router.extend({
  routes: {
    ''          : 'top',
    'mypage'    : 'mypage',
    'page(/:id)': 'page'
  },
  top() {
    console.log('top')
    $('#title').text('top')
  },
  mypage() {
    console.log('mypage')
    $('#title').text('mypage')
  },
  page(id) {
    console.log('page/id: ' + id)
    $('#title').text(id + 'ページ目')
  },
})
new Router()
Backbone.history.start()

元記事を表示する