需要重新加载我的页面才能使用 Rails 查看一些元素

Question

我目前正在做一个大学项目，我必须使用 Rails 部署一个网页。将 Materialize Css 用于 rails，在表单上，元素 "Select" 工作的唯一方法是重新加载页面，对于其他 javascripts 来说，它们似乎只能重新加载页面。 .. 现在我使用的是 "script"，它会在页面重新加载一次，但这完全是一种糟糕的做法

这里有 Application.js

//= require jquery
//= require jquery.turbolinks

//= require jquery_ujs
//= require materialize-sprockets
//= require_tree .

//= require turbolinks

gemfile

source 'https://rubygems.org'


# Bundle edge Rails instead: gem 'rails', github: 'rails/rails'
gem 'rails', '4.1.4'
# Use sqlite3 as the database for Active Record
group :development, :test do
    gem 'sqlite3'
end
group :production do
  gem 'pg'
end
#gem 'pg', group: :production
#gem 'sqlite3'
# Use SCSS for stylesheets
gem 'sass-rails', '~> 4.0.3'
# Use Uglifier as compressor for JavaScript assets
gem 'uglifier', '>= 1.3.0'
# Use CoffeeScript for .js.coffee assets and views
gem 'coffee-rails', '~> 4.0.0'
# See https://github.com/sstephenson/execjs#readme for more supported runtimes
# gem 'therubyracer',  platforms: :ruby

# Use jquery as the JavaScript library
gem 'jquery-rails'
# Turbolinks makes following links in your web application faster. Read more: https://github.com/rails/turbolinks
gem 'turbolinks'
gem 'jquery-turbolinks'

# Build JSON APIs with ease. Read more: https://github.com/rails/jbuilder
gem 'jbuilder', '~> 2.0'
# bundle exec rake doc:rails generates the API under doc/api.
gem 'sdoc', '~> 0.4.0',          group: :doc
gem 'hirb'
gem 'carrierwave'
#gem 'bootstrap-sass', '~> 3.3.0'
gem 'devise'
gem 'rolify'
gem 'cancan'
gem 'will_paginate'
gem 'will_paginate-bootstrap'
#gem "twitter-bootstrap-rails"
gem 'therubyracer', :platform => :ruby
gem 'materialize-sass'
gem 'rails_12factor', group: :production  
gem 'puma'
gem 'cloudinary'

#gem 'libv8', '3.11.8.0'
# Use ActiveModel has_secure_password
# gem 'bcrypt', '~> 3.1.7'

# Use unicorn as the app server
# gem 'unicorn'

# Use Capistrano for deployment
# gem 'capistrano-rails', group: :development

# Use debugger
# gem 'debugger', group: [:development, :test]

# Windows does not include zoneinfo files, so bundle the tzinfo-data gem
gem 'tzinfo-data', platforms: [:mingw, :mswin]

applications.scss

@import "materialize";

最后是 _form

 <script>
  $(document).ready(function() {
    $('select').material_select();
  });</script>
<div class="container">
<%= form_for @articulo, :html =>{:multipart => true} do |f| %>
      <div class="row">
        <div class="input-field col s6">
          <%= f.text_field :nombre%>
          <label for="first_name">Nombre del producto</label>
        </div>
        <div class="input-field col s6">
          <%= f.text_field :ubicacion%>
          <label for="ubicacion">Ubicación</label>
        </div>
      </div>
      <div class="row">
         <div class="input-field col s6">
          <label for="precio">Precio $</label>
          <%=f.text_field :precio, :class => 'text_field', :min => 0, :step => 0.01, required: true%>
        </div>
      </div>
      <div class="file-field input-field">
      <div class="btn">
        <span>Imagen</span><input type="file">

       <%= f.file_field :foto %>
      </div>
       <div class="file-path-wrapper">
        <input class="file-path validate" type="text">
      </div>
    </div>

    <div class="row">
        <div class="input-field col s12">
        <%= f.text_field :descripcion, :class=> "materialize-textarea"%>
          <label for="textarea1">Descripción</label>
        </div>
    </div>
    <div class="row">
      <div class="col s6" id="category_id"> 
        <%= f.label :category_id, 'Categoría' %>
          <%= collection_select(:article, :category_id, Category.where(eliminado: false).all , :id, :nombre,class: "browser-default") %>
          </div>
      </div>  
      <br>
          <%= f.submit "Publicar", class: 'btn ' %><%end%>

  </div>

-------- 编辑------ 我已经解决了这个问题；在本地它可以工作但是当我将它上传到 Heroku 时，发生同样的事情......任何解决方案？或者我如何更新 heroku 中的 gemfile？

Answer 1

没有turbolinks还会出现这个问题吗？我有类似的情况，我通过最初删除它来解决。我知道这不是一个完整的解决方案，但我希望它可以为您指明正确的方向。

这里有更多信息：Rails 4: how to use $(document).ready() with turbo-links

需要重新加载我的页面才能使用 Rails 查看一些元素

Need to reload my page to see some elements using Rails

javascript

ruby

jquery

ruby-on-rails

materialize