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