&引用；未捕获的TypeError:$（…）。popover不是函数；RoR-Bootstrap-jQuery

我检查了这个，因为我在rails上也有类似的问题。 我正在尝试让AJAX请求工作（查找一些财务代码），我认为我的代码还可以（至少我希望如此），但我仍然会遇到这个奇怪的错误：

bootstrap.self-fdc98dee79ee88255e10cac6caa91338165cb76cf0d263744d8d90011fc2ef8f.js:3未捕获类型错误：$（…）。popover不是函数 在HTMLDocument。（bootstrap.self-fdc98dee79ee88255e10cac6caa91338165cb76cf0d263744d8d90011fc2ef8f.js:3） 着火时（jquery.self-bd7ddd39333a8d2480a622e80342adf488fb6006d667e8b42e4c073393abee.js:3233） 在Object.fireWith[解析时]（jquery.self-bd7ddd39333a8d2480a622e80342adf488fb6006d667e8b42e4c007393abee.js:3363） 在Function.ready（jquery.self-bd7ddd39333a8d2480a622e80342adf488fb6006d667e8b42e4c073393abee.js:3583） 在HTMLDocument.completed（jquery.self-bd7ddd39333a8d2480a622e80342adf488fb6006d667e8b42e4c073393abee.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();
})

页面如下：

<div id="stock-lookup">
  <h3>Search for stocks</h3>
  <%= form_tag search_stocks_path, remote: true, method: :get, id: 'stock-lookup-form' do %>
    <div class="form-group row no-padding text-center col-md-12">
      <div class="col-md-10">
        <%= text_field_tag :stock, params[:stock], placeholder: "Stock ticker symbol", autofocus: true, class: 'form-control search-box input-lg' %>
      </div>
      <div class="col-md-2">
        <%= button_tag(type: :submit, class: "btn btn-lg btn-success") do %>
          <i class="glyphicon glyphicon-search"></i> Look up a stock
        <% end %>
      </div>
    </div>
  <% end %>
  <% if @stock %>
    <div id='stock-lookup-results' class="well results-block">
      <strong>Symbol:</strong> <%= @stock.ticker %>
      <strong>Name:</strong> <%= @stock.name %>
      <strong>Price:</strong> <%= @stock.price %>
    </div>
  <% end %>

---

您必须将

/=require twitter/bootstrap

添加到

应用程序.js

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

---

这里有：

您必须将

/=require twitter/bootstrap

添加到您的

应用程序中。js

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

---

它在这里：

嘿，你好！非常感谢你的帮助！然而，你的解决方案并没有完全解决问题。现在我得到一个额外的错误：

uncaughtreferenceerror:jQuery没有定义

，而

uncaughttypeerror:$（…）。popover不是一个函数

仍然存在。现在，我可以通过删除application.js中的以下行来消除后者：

/=require jquery//=require jquery\u ujs

，但随后会出现其他错误（显然，jquery不再正确包含）。有什么想法吗？嗨@Ardzii你在require jQuery之后添加了那行吗，应该是这样：

/=require jQuery\u ujs//=require twitter/bootstrap

你好！谢谢你是最棒的！这似乎是工作，虽然我似乎有进一步的渲染问题，是无关的。我现在将处理它们：）。再次感谢！嗨，你好！我不想再打扰你了，但我似乎不知道为什么我没有得到任何渲染。。。如果你有几分钟的时间，我很想听听你对以下问题的看法：嗨@Ardzii，我回答了你的问题，请检查：）嗨，你好！非常感谢你的帮助！然而，你的解决方案并没有完全解决问题。现在我得到一个额外的错误：

uncaughtreferenceerror:jQuery没有定义

，而

uncaughttypeerror:$（…）。popover不是一个函数

仍然存在。现在，我可以通过删除application.js中的以下行来消除后者：

/=require jquery//=require jquery\u ujs

，但随后会出现其他错误（显然，jquery不再正确包含）。有什么想法吗？嗨@Ardzii你在require jQuery之后添加了那行吗，应该是这样：

/=require jQuery\u ujs//=require twitter/bootstrap

你好！谢谢你是最棒的！这似乎是工作，虽然我似乎有进一步的渲染问题，是无关的。我现在将处理它们：）。再次感谢！嗨，你好！我不想再打扰你了，但我似乎不知道为什么我没有得到任何渲染。。。如果您有几分钟的时间，我很乐意听取您对以下问题的意见：嗨@Ardzii，我回答了您的问题，请检查：）

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