首頁 >web前端 >js教程 >如何使用 Rails 4 和 Turbo-Links 修復 jQuery 的「ready」事件失敗?

如何使用 Rails 4 和 Turbo-Links 修復 jQuery 的「ready」事件失敗?

Patricia Arquette
Patricia Arquette原創
2024-12-12 17:38:11136瀏覽

How to Fix jQuery's `ready` Event Failure with Rails 4 and Turbo-Links?

Rails 4 中使用 Turbo-Links 的 DOM 事件處理

初始頁面載入後 jQuery 的「Ready」事件未觸發?

對於 Rails 4 應用程式實現資產管道,就產生了管理JS組織的需求。由於 Turbo-Links,使用者可能會遇到 jQuery 的就緒事件在後續連結點擊時無法觸發的問題。

了解 Turbo-Links 的影響

Turbo-Links 透過執行頁面轉換而不需要完整的頁面轉換來增強導航功能重新載入。此最佳化可防止在第一個頁面載入後觸發就緒事件,因為後續連結點擊只會更新頁面的內容。

解決問題

為了確保jQuery 事件與Turbo-Links 無縫運行,建議使用以下方法:

CoffeeScript 版本

'page🎜>' :load'事件由Turbo-Links 觸發,並為就緒事件提供可靠的替代。

JavaScript 版本

Rails 5 更新

對於Rails 5,Turbo-Links 5 包括一個turbolinks:load 事件,該事件在初始和後續頁面加載時觸發。這簡化了解決方案:

透過實作此方法,jQuery 事件將在利用 Turbo-Links 的 Rails 4 應用程式中按預期執行。

以上是如何使用 Rails 4 和 Turbo-Links 修復 jQuery 的「ready」事件失敗?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn