我application.js
:
//= require rails-ujs
//= require jquery
//= require activestorage
//= require turbolinks
//= require bootstrap-sprockets
//= require flatpickr.min
//= require_tree .
我Gemfile
:
gem 'sass-rails', '~> 5.0'
gem 'uglifier', '>= 1.3.0'
gem 'coffee-rails', '~> 4.2'
gem 'turbolinks', '~> 5'
gem 'bootstrap-sass'
gem 'jquery-rails'
如果我我就离开我的应用程序那样的,我所有的jQuery将正常工作。但我也需要
<head>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"</script>
</head>
我application.html.erb
因为我使用的引导4。
所以用这个配置,我遇到很多的问题,与我的jQuery的,像
$(...)。flatpickr不是一个函数
有没有办法来避免这些冲突?我想这是因为我包括我的应用程序的多个jQueries。
如果我删除//= require jquery
所有的引导相关jQuery将工作,但我的自定义脚本不会。
如果我删除<script src="https://code.jquery.com/jquery-3.3.1.min.js"</script>
我的脚本将工作,但所有引导相关不会(像汉堡包导航栏或同类者)。
以下是加引导4到您的轨道5应用程序在这里的步骤来rubygems链接和github页面。
第1步:添加引导和jQuery的轨到您的Gemfile(确保链轮护栏至少V2.3.2)
gem 'bootstrap', '~> 4.2.1'
gem 'jquery-rails'
第2步:添加引导的依赖,并引导你的application.js
//= require jquery3
//= require popper
//= require bootstrap
你并不需要指定你的观点,即是// =需要jquery3行功能的jQuery的CDN。并删除你的引导,萨斯依赖这是bootstrap 3
注:重要的发现,你需要需要jQuery的3 // =需要的jQuery 3