Ruby on rails 引导3模式，不显示Rails 4

前几天我问了一个与这个问题有关的问题，但遇到了另一个错误。 我有Index.html.erb，其中有一个指向调用模态的链接。一旦模态打开，我希望它的主体包含一个部分。 我的大部分代码都来自引导示例，因为我希望在将所有表单详细信息包含在部分中之前先让它工作

gemfile:

group :assets do
    gem 'sass-rails', '4.0.1'
    gem 'bootstrap-sass', '3.0.2.0'
    gem 'bootstrap-modal-rails'
end 

application.js

//= require jquery
//= require jquery_ujs
//= require turbolinks
//= require bootstrap
//= require bootstrap/modal
//= require_tree .

//= require jquery
//= require turbolinks
//= require bootstrap
//= require bootstrap/modal
//= require_tree .

jQuery(document).ready(function($){
  $('#myModal').modal('options')
  var body = $( 'show' );
});

Index.html.erb（在视图/礼品中）

gives.controller.rb（仅显示功能）

单击浏览器中的按钮时，我的rails终端将显示以下内容：

Processing by GiftsController#show as JS

在浏览器中查看javascript控制台时，我看到一个JS错误：

[Error] TypeError: '[object Object]' is not a function (evaluating 'f[c](d)')
(anonymous function) (bootstrap.min.js, line 7)
each (jquery.js, line 657)
each (jquery.js, line 266)
modal (bootstrap.min.js, line 7)
ready (application.js, line 23)
fire (jquery.js, line 3049)
fireWith (jquery.js, line 3161)
ready (jquery.js, line 434)
completed (jquery.js, line 105)

任何帮助都将不胜感激

$ ->
  $('#myModal').modal('options')

---

$->

确保当页面DOM就绪时，代码将运行。

基于一些注释和我自己的一些更改，我有了模式工作。我删除了引导模式rails gem，并从现有的引导模式sass gem导入了该模式

Gemfile

group :assets do
    gem 'sass-rails', '4.0.1'
    gem 'bootstrap-sass', '3.0.2.0'
end

application.js

//= require jquery
//= require jquery_ujs
//= require turbolinks
//= require bootstrap
//= require bootstrap/modal
//= require_tree .

//= require jquery
//= require turbolinks
//= require bootstrap
//= require bootstrap/modal
//= require_tree .

jQuery(document).ready(function($){
  $('#myModal').modal('options')
  var body = $( 'show' );
});

建议我将gifts.js.coffee更改为gifts.js gives.js

//= require jquery
//= require jquery_ujs
//= require turbolinks
//= require bootstrap
//= require bootstrap/modal
//= require_tree .

//= require jquery
//= require turbolinks
//= require bootstrap
//= require bootstrap/modal
//= require_tree .

jQuery(document).ready(function($){
  $('#myModal').modal('options')
  var body = $( 'show' );
});

index.html.erb

<p><%= link_to 'Buy', gift_path(gift), {:remote => true, 'data-toggle' =>  "modal", 'data-target' => '#myModal', :class => "btn btn-primary ", 'data-type' => "html" } %></p>
                </div>
                <!-- Modal -->
                    <div class="modal fade" id="myModal">
                        <div class="modal-dialog">
                            <div class="modal-content">
                                <%= render partial: 'show', :locals => { :gift => gift } %>
                            </div>
                        </div>
                    </div>
                <!-- End of Modal -->

def show
        @gift = Gift.find(params[:id])
        respond_to do |format|
          format.html {render :show}
          format.json { head :ok}
        end
end

---

谢谢大家的帮助。

可能是因为TurboLink将您的模态添加到文档准备中，请求正在寻找JS响应。将

'data-type'=>“html”

添加到您的链接。@SamD我对JS文件进行了建议的更改，以处理turbo链接。没有任何改变。@spas我做了那个改变，现在页面变暗了，因为它应该弹出一个模式，但模式永远不会显示。这似乎是朝着正确的方向迈出的一步。这意味着你的模态加载，但它没有任何内容。尝试在里面添加一些东西。