“未捕获的TypeError：$（…）。popover不是函数”RoR – Bootstrap – jQuery

我已经在SO上检查了这个问题因为我有类似rails的问题。 我正在努力使一个AJAX请求工作（查找一些金融代码），我认为我对我的代码很好（至少我希望）但我仍然得到这个奇怪的错误：

bootstrap.self-fdc98dee79ee88255e10cac6caa91338165cb76cf0d263744d8d90011fc2ef8f.js：3未捕获TypeError：$（…）。popover不是HTMLDocument中的函数。 （bootstrap.self-fdc98dee79ee88255e10cac6caa91338165cb76cf0d263744d8d90011fc2ef8f.js：3）在火（jquery.self-bd7ddd393353a8d2480a622e80342adf488fb6006d667e8b42e4c0073393abee.js：3233）在Object.fireWith [按resolveWith]（jquery.self-bd7ddd393353a8d2480a622e80342adf488fb6006d667e8b42e4c0073393abee.js：3363）在Function.ready（jquery的。 self-bd7ddd393353a8d2480a622e80342adf488fb6006d667e8b42e4c0073393abee.js：3583）at HTMLDocument.completed（jquery.self-bd7ddd393353a8d2480a622e80342adf488fb6006d667e8b42e4c0073393abee.js：3618）

这是我的脚本：

var init_stock_lookup; init_stock_lookup = function() { $('#stock-lookup-form').on('ajax:success', function(event, data, status) { $('#stock-lookup').replaceWith(data); init_stock_lookup(); }) } $(document).ready(function() { init_stock_lookup(); }) 

这是页面：

 
 
Search for stocks
  
 
  
 
   Look up a stock  
 
   
 Symbol:  Name:  Price:  
  

gem文件：

 source 'https://rubygems.org' git_source(:github) do |repo_name| repo_name = "#{repo_name}/#{repo_name}" unless repo_name.include?("/") "https://github.com/#{repo_name}.git" end # Bundle edge Rails instead: gem 'rails', github: 'rails/rails' gem 'rails', '~> 5.1.1' gem 'devise' gem 'twitter-bootstrap-rails' gem 'devise-bootstrap-views' gem 'sprockets-rails', :require => 'sprockets/railtie' gem 'jquery-rails' gem 'jquery-turbolinks', '~> 2.1' gem 'stock_quote' # Use Puma as the app server gem 'puma', '~> 3.7' # Use SCSS for stylesheets gem 'sass-rails', '~> 5.0' # Use Uglifier as compressor for JavaScript assets gem 'uglifier', '>= 1.3.0' # See https://github.com/rails/execjs#readme for more supported runtimes # gem 'therubyracer', platforms: :ruby # Use CoffeeScript for .coffee assets and views gem 'coffee-rails', '~> 4.2' # Turbolinks makes navigating your web application faster. Read more: https://github.com/turbolinks/turbolinks gem 'turbolinks', '~> 5' # Build JSON APIs with ease. Read more: https://github.com/rails/jbuilder gem 'jbuilder', '~> 2.5' # Use Redis adapter to run Action Cable in production # gem 'redis', '~> 3.0' # Use ActiveModel has_secure_password # gem 'bcrypt', '~> 3.1.7' # Use Capistrano for deployment # gem 'capistrano-rails', group: :development group :development, :test do gem 'sqlite3' # Call 'byebug' anywhere in the code to stop execution and get a debugger console gem 'byebug', platforms: [:mri, :mingw, :x64_mingw] # Adds support for Capybara system testing and selenium driver gem 'capybara', '~> 2.13' gem 'selenium-webdriver' end group :development do # Access an IRB console on exception pages or by using  anywhere in the code. gem 'web-console', '>= 3.3.0' gem 'listen', '>= 3.0.5', ' 2.0.0' end # Windows does not include zoneinfo files, so bundle the tzinfo-data gem gem 'tzinfo-data', platforms: [:mingw, :mswin, :x64_mingw, :jruby] group :production do gem 'pg' gem 'rails_12factor' end 

以及我的gitHub回购链接： https ： //github.com/Ardzii/finance-tracker

我正在使用RoR和Bootstrap（推特）。 我从之前提供的SO链接中理解的是，我遇到了jQuery冲突，但我不知道在哪里，最重要的是，如何修复它…

非常感谢您的帮助！

——编辑。 ———–这是我的application.js引用（我添加了//需要twitter / bootstrap行，感谢Hieu的回答）。

 // This is a manifest file that'll be compiled into application.js, which will include all the files // listed below. // // Any JavaScript/Coffee file within this directory, lib/assets/javascripts, or any plugin's // vendor/assets/javascripts directory can be referenced here using a relative path. // // It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the // compiled file. JavaScript code in this file should be added after the last require_* statement. // // Read Sprockets README (https://github.com/rails/sprockets#sprockets-directives) for details // about supported directives. // //= require rails-ujs //= require twitter/bootstrap //= require jquery //= require jquery_ujs //= require turbolinks //= require_tree . 

Answer 1

你必须在你的application.js添加//= require twitter/bootstrap

 ... //= require rails-ujs //= require jquery //= require jquery_ujs //= require twitter/bootstrap //= require turbolinks //= require_tree . ... 

它在这里： https ： //github.com/seyhunak/twitter-bootstrap-rails#using-javascript