RailsCasts Pro episodes are now free!

Learn more or hide this

Turbolinks

#390 Turbolinks

Nov 05, 2012 | 7 minutes | Performance, Ajax, Rails 4.0
Turbolinks can make your Rails app feel faster by using JavaScript to replace the page content when clicking a link. It will be default in new Rails 4.0 applications, but here I show how to use it in Rails 3 and mention some of the gotchas.
Click to Play Video ▶
  • Download:
  • source codeProject Files in Zip (63.9 KB)
  • mp4Full Size H.264 Video (21.5 MB)
  • m4vSmaller H.264 Video (9.41 MB)
  • webmFull Size VP8 Video (10.9 MB)
  • ogvFull Size Theora Video (22.9 MB)
Browse_code Browse Source Code

Resources

Gemfile 
gem 'turbolinks'
app/assets/javascripts/application.js 
//= require turbolinks
projects.js.coffee 
$(document).on 'click', '.edit_task input[type=checkbox]', ->
  $(this).parent('form').submit()

# alternatively:

ready = ->
  $(document).on 'click', '.edit_task input[type=checkbox]', ->
    $(this).parent('form').submit()

$(document).ready(ready)
$(document).on('page:load', ready)