我在使用Ruby on Rails 5.0框架在我的網站上實現的數據表(包含搜索,排序和分頁的表)方面存在問題。我添加了這個jQuery代碼(下面的代碼):在我的一個.js文件中,我遵循了來自rails cast(第340集)的所有步驟。這個實現在我刷新我的網頁後生效。需要幫助 - 我想弄清楚爲什麼我需要不斷刷新以便我的表顯示數據表的所有功能?Ruby on Rails的數據表
jQuery ->
$('#reviews').dataTable()
我在使用Ruby on Rails 5.0框架在我的網站上實現的數據表(包含搜索,排序和分頁的表)方面存在問題。我添加了這個jQuery代碼(下面的代碼):在我的一個.js文件中,我遵循了來自rails cast(第340集)的所有步驟。這個實現在我刷新我的網頁後生效。需要幫助 - 我想弄清楚爲什麼我需要不斷刷新以便我的表顯示數據表的所有功能?Ruby on Rails的數據表
jQuery ->
$('#reviews').dataTable()
所以這似乎指向一個渦輪鏈接問題,它可以發生在那裏turbolinks認爲它幫助了,當它真的搞亂你的JavaScript加載/ jQuery的組成部分。如何處理這個問題是將代碼data: { no_turbolink: true }
添加到可將您帶到此頁面的鏈接末尾。下面我舉了一個我從事過的項目的例子。
<li><%= link_to 'Schedule', schedule_path(@schedule), data: { no_turbolink: true }, class: 'sub_link' %></li>
如果您正在尋找到如何做分頁和排序,我建議檢查出洗劫了sorting/filtering,將分頁學習pagination
我第二個高大保羅的概念,這可能是一個turbolinks問題。
他的解決方案的另一種選擇是讓您的javascript/jQuery代碼監聽turbolinks:load
事件而不是ready
事件(這通常是每個人都在做的事情)。
事情是這樣的:
$(document).on('turbolinks:load', function() {
<Your javascript here>
})
我認爲你正在使用的CoffeeScript,所以我覺得這也將工作:
$(document).on 'turbolinks:load', ->
$('#reviews').dataTable()