介绍
jQuery.turbolinks 是一个基于 jQuery 的插件，它可以帮助你在使用 Turbolinks 的 Rails 应用中避免重复绑定事件的问题。Turbolinks 是一个用于改进 Rails 应用性能的库，它通过 AJAX 加载页面来替代传统的完整页面请求和响应流程。
使用 Turbolinks 带来的问题之一是事件绑定会在每个页面切换时被重复执行。这就需要我们手动解除旧页面上的事件绑定，并重新绑定到新页面上。而 jQuery.turbolinks 则可以自动处理这些问题，让事件绑定只发生一次，在所有页面间共享。
安装
通过 NPM 安装：
--- ------- -----------------
安装完成后，在项目中引入 jQuery 和 jQuery.turbolinks：
---- -- ------ --- ------- ----------------------------------------------------------- ---- -- ----------------- --- ------- -------------------------------------------------------------------
使用
在使用 jQuery.turbolinks 时，需要将事件绑定代码放在 $(document).on('turbolinks:load', function() {}) 中：
--------------------------------- ---------- - -- ------------- ---
这段代码会在每次页面切换完成后执行，而不会在每次页面加载时执行。这样就避免了多次绑定相同的事件。
例如，下面是一个点击按钮弹出提示框的示例代码：
------- -------------------------------
--------------------------------- ---------- -
------------------------------- -
-----------------
---
---注意事项
- jQuery.turbolinks 只适用于使用 Turbolinks 的 Rails 应用；
- 如果你的代码中使用了 $(document).ready()，请将其替换为 $(document).on('turbolinks:load') 来确保事件绑定只发生一次；
- 在 Turbolinks 中使用的代码应该具备可重复性，即可以在任意页面上运行而不影响其他页面。
总结
通过使用 jQuery.turbolinks，我们可以避免在使用 Turbolinks 的 Rails 应用中出现的事件绑定问题。它可以让我们的代码更加简洁、易读和可维护。同时，我们也需要注意一些细节和注意事项，以确保代码能够正常工作。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/35403