Ruby on Rails DOM更新僅在頁面重新加載后有效

Question

我正在根據當前路由更新html元素的類名稱。 當單擊一個元素時，我還有一些jquery顯示菜單。 當我進入主頁時，html類已正確添加到html元素中，並且單擊后可正確顯示菜單。 但是，當我通過單擊導航鏈接導航到另一條路線時，該路線會正確更改，但是html類名稱未更新，並且jquery不再觸發。

application_helper.rb

  def html_class(class_name)
    content_for(:html_class) { class_name }
  end

application.html.erb

<html class="<%= yield(:html_class) || '' %>"> <!-- class is only updated on page reload -->

home.html.erb

<% html_class 'nail' %>

項目/ index.html.erb

<!-- no html_class provided, should default to '' -->
<div class="row projects">
  <% @projects.each do |project| %>
    <%= render project %>
  <% end %>
</div>

site.js

//當路線更改頁面必須重新加載以觸發時

$(function() {
  $('#initials').click(function() {
    $('.slider, .nav-btn').toggleClass('closed');
  })
});

Answer 1

嘗試使用以下包裝您的jQuery。 該問題可能是由於Turbolinks加載了您使用AJAX單擊以加快速度的頁面。 因此，此包裝器告訴Javascript在Turbolinks加載時觸發，而不是在刷新整個頁面時觸發。

$(document).on('turbolinks:load', function() {
  $('#initials').click(function() {
    $('.slider, .nav-btn').toggleClass('closed');
  })
});

Ruby on Rails DOM更新僅在頁面重新加載后有效

問題描述

1 個解決方案

解決方案1
2 2017-04-09 03:55:04

Ruby on Rails DOM更新僅在頁面重新加載后有效

問題描述

1 個解決方案

解決方案1 2 2017-04-09 03:55:04

解決方案1
2 2017-04-09 03:55:04