Giới thiệu gem jQuery Turbolinks
Bài đăng này đã không được cập nhật trong 7 năm
Như các bạn đã biết, Turbolinks thực hiện việc chuyển hướng trong trang web một cách nhanh gọn và nó tạo ra giao diện người dùng rất "dễ thở". Mỗi khi trình duyệt gửi request, server sẽ trả về response và view để đáp ứng request, mỗi 1 lần giao tiếp như vậy trình duyệt của người dùng lại compile Javascript và CSS, với Turbolinks nó giúp trình duyệt giữ nguyên các instance của trang web mà chỉ thay đổi body và title của trang web. Điều này dẫn đến việc $(document).ready()
chỉ được load duy nhất ở lần mở trang web đầu tiên.
Để giải quyết sự bất tiện đó, gem jQuery Turbolinks
ra đời !
Cài đặt
Gemfile:
gem 'jquery-turbolinks'
application.js
//= require jquery
//= require jquery.turbolinks
//= require jquery_ujs
// ... your other scripts here ...
//= require turbolinks
restart server rails
Sử dụng
Khai báo jQuery file
$(document).ready(function () {
/* code jquery */
});
/* hoặc */
$(function () {
/* code jquery */
});
Bind sự kiện
$(document).on('click', 'button', function() { ... })
All rights reserved