Rails引導可點擊行不起作用

Question

我正在嘗試使用Rails應用程序中的可點擊行。 我使用Bootstrap 4.1.3創建表。

Rails版本：5.2.1

<tbody>
    <% @animals.each do |animal| %>
      <tr data-link="<%= animal_path(animal) %>">
        <td><%= image_tag(animal.image.url(:small)) %></td>
        <td><%= animal.name %></td>
        <td><%= animal.birthdate %></td>
      </tr>
    <% end %>
  </tbody>

這是我的animal.js文件

$(document).ready(function() {
    $("tr[data-link]").click(function(event){
        console.log("click")
        window.location.href = $(this).data("link")
        event.preventDefault();
   });
})

但是我有一個問題。 第一次打開頁面時，一切正常。 但是，如果我使用導航欄更改頁面，則會收到此錯誤。 我的可點擊代碼不起作用。 我沒有在任何地方打電話給text.replace。 此錯誤正在獲取prevel.js，我沒有使用任何prevel.js

error_photo

Error in event handler for (unknown): TypeError: text.replace is not a function

當我再次重新加載頁面時，一切正常。

我沒有找到解決方案。 怎么了

Answer 1

您是否在使用turbolinks gem？ 如果是這樣，請將您的腳本更改為：

document.addEventListener('turbolinks:load', function() {
  $(document).ready(function() {
    $("tr[data-link]").click(function(event){
        console.log("click")
        window.location.href = $(this).data("link")
        event.preventDefault();
    });
  });
})

或禁用渦輪鏈接，如果您不想要它。