我应该如何在Rails 5应用程序的`application.js`中要求Turbolinks

乔恩·赛尔

我正在构建一个相对较新的Rails 5应用程序。我一直在使用bootsygem,但遇到了这样的问题,即在刷新页面之前,所见即所得将不会显示在页面上。玩了一会儿之后,我发现如果我turbolinks移除application.js,所见即所得第一次出现(不刷新页面)。谁能告诉我我应该如何要求turbolinks进入我的学校application.js提前致谢。

application.js:

//= require jquery
//= require jquery_ujs
//= require jquery.turbolinks
//= require bootstrap-sprockets
//= require bootsy
//= require turbolinks
//= require_tree .

application.scss:

@import "bootstrap-sprockets";
@import "bootstrap";
@import "bootsy";
@import "articles";

gemfile:

source 'https://rubygems.org'


# Bundle edge Rails instead: gem 'rails', github: 'rails/rails'
gem 'rails', '5.0.0'
# Use postgresql as the database for Active Record
gem 'pg', '~> 0.15'
# Use SCSS for stylesheets
gem 'sass-rails', '~> 5.0'
# Use Uglifier as compressor for JavaScript assets
gem 'uglifier', '>= 1.3.0'
# Use CoffeeScript for .coffee assets and views
gem 'coffee-rails', '~> 4.1.0'
# See https://github.com/rails/execjs#readme for more supported runtimes
# gem 'therubyracer', platforms: :ruby

# Use jquery as the JavaScript library
gem 'jquery-rails'

gem 'jquery-turbolinks'
# Turbolinks makes following links in your web application faster. Read more: https://github.com/rails/turbolinks
gem '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 'simple_form'

gem 'bootstrap-sass'

gem 'bootsy'

simple_form与结合使用,bootsy所以我的表单看起来像这样:

<%= simple_form_for @article, url: action_path do |f| %>
  <%= f.input :title %>
  <%= f.input :body, label: "Article Body", as: :bootsy %>
  <%= f.submit %>
 <% end %>

乔恩·赛尔

因此,经过一番游戏之后,我找到了解决方案。我添加document.addEventListener('turbolinks:load', Bootsy.init);到我的application.js,这解决了问题。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

我应该如何在IOS应用程序中存储我的静态文本数据

来自分类Dev

我应该如何指定要在Rails应用程序的Minitest测试中读取的文件?

来自分类Dev

我应该如何在本地 Java 应用程序中实现数据库

来自分类Dev

在Rails 4.0.4应用程序中找不到文件“ turbolinks”

来自分类Dev

如何在Delphi-XE5 Firemonkey应用程序中关闭android应用程序?

来自分类Dev

如何在Rails应用程序中完全删除对application.js和application.css的所有引用?

来自分类Dev

如何在 Rails 5 应用程序的子目录中嵌入 PHP 驱动的博客?

来自分类Dev

如何在我的 HTML5 应用程序中嵌入视频?

来自分类Dev

在Rails应用程序中优化application.yml文件

来自分类Dev

如何在我的Rails应用程序的Google Maps Autocomplete中解决此问题?

来自分类Dev

如何在我的Rails应用程序中实现Google Map?

来自分类Dev

我们应该如何在ASP.NET C#应用程序中解析特定的JSON日期格式?

来自分类Dev

我应该如何在Rails中实现我的Ruby代码?

来自分类Dev

尝试在我的MVC 5应用程序中更改路由

来自分类Dev

在laravel应用程序中,Behat测试“然后我应该看到Laravel 5”失败

来自分类Dev

在laravel应用程序中,Behat测试“然后我应该看到Laravel 5”失败

来自分类Dev

如何在Rails应用程序中添加Timer?

来自分类Dev

如何在Rails应用程序中扩展Time类?

来自分类Dev

如何在Rails应用程序中创建“导览”?

来自分类Dev

如何在Rails应用程序中包含插件/引擎?

来自分类Dev

如何在Rails应用程序中扩展Time类?

来自分类Dev

如何在Rails应用程序中检测文件类型?

来自分类Dev

如何在Rails应用程序中安装jQuery UI?

来自分类Dev

如何在Rails 4应用程序中设置“ application / ld + json” schema.org元数据

来自分类Dev

在我的Rails应用程序中找不到application.css.scss

来自分类Dev

资产管道在我的Rails 4.2应用程序的'application.scss'中不起作用

来自分类Dev

我应该在Rails应用程序中的何处保存独立的非Ruby脚本?

来自分类Dev

我应该如何自动启动我的Node.js应用程序以进行测试

来自分类Dev

我应该如何在Rails中存储属性的集合?

Related 相关文章

  1. 1

    我应该如何在IOS应用程序中存储我的静态文本数据

  2. 2

    我应该如何指定要在Rails应用程序的Minitest测试中读取的文件?

  3. 3

    我应该如何在本地 Java 应用程序中实现数据库

  4. 4

    在Rails 4.0.4应用程序中找不到文件“ turbolinks”

  5. 5

    如何在Delphi-XE5 Firemonkey应用程序中关闭android应用程序?

  6. 6

    如何在Rails应用程序中完全删除对application.js和application.css的所有引用?

  7. 7

    如何在 Rails 5 应用程序的子目录中嵌入 PHP 驱动的博客?

  8. 8

    如何在我的 HTML5 应用程序中嵌入视频?

  9. 9

    在Rails应用程序中优化application.yml文件

  10. 10

    如何在我的Rails应用程序的Google Maps Autocomplete中解决此问题?

  11. 11

    如何在我的Rails应用程序中实现Google Map?

  12. 12

    我们应该如何在ASP.NET C#应用程序中解析特定的JSON日期格式?

  13. 13

    我应该如何在Rails中实现我的Ruby代码?

  14. 14

    尝试在我的MVC 5应用程序中更改路由

  15. 15

    在laravel应用程序中,Behat测试“然后我应该看到Laravel 5”失败

  16. 16

    在laravel应用程序中,Behat测试“然后我应该看到Laravel 5”失败

  17. 17

    如何在Rails应用程序中添加Timer?

  18. 18

    如何在Rails应用程序中扩展Time类?

  19. 19

    如何在Rails应用程序中创建“导览”?

  20. 20

    如何在Rails应用程序中包含插件/引擎?

  21. 21

    如何在Rails应用程序中扩展Time类?

  22. 22

    如何在Rails应用程序中检测文件类型?

  23. 23

    如何在Rails应用程序中安装jQuery UI?

  24. 24

    如何在Rails 4应用程序中设置“ application / ld + json” schema.org元数据

  25. 25

    在我的Rails应用程序中找不到application.css.scss

  26. 26

    资产管道在我的Rails 4.2应用程序的'application.scss'中不起作用

  27. 27

    我应该在Rails应用程序中的何处保存独立的非Ruby脚本?

  28. 28

    我应该如何自动启动我的Node.js应用程序以进行测试

  29. 29

    我应该如何在Rails中存储属性的集合?

热门标签

归档