Javascript Twitter引导模式未在Rails中显示窗口

当我点击模态弹出窗口的链接时，它会消失，然后什么也没有。我确实看到页面上出现了一行，几乎像表单的开头。我尝试了很多建议，从

类中删除
隐藏
，意识到我在
应用程序.js中既有
引导
又有
引导模式
，所以删除了
模式
，仍然没有运气。有什么建议/想法吗

我的代码在下面的上一个问题中。我确实将我的
new_release.js.erb
移动到我的视图/“controller_name”中，而不是像建议的那样将
assests/javascripts

)

编辑的代码

Application.js

//= require bootstrap

Routes.rb

get "project/new_release" => 'project#new_release', :as => :new_release

controller.rb

def new_release
respond_to do |format|
format.html
format.js
end
end

project/index.html.erb

<div id="modal-window" class="modal hide fade" role="dialog"
aria-labelledby="myModalLabel" aria-hidden="true"></div>

<%= link_to 'Add release', new_release_path, remote: true %>

刚刚再次检查了你的代码有几个问题

你的模态代码

<div id="modal-window" class="modal hide fade" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"></div>



是一个空div，因此除非您在上面有宽度和高度，否则它不会显示

你的链接

<%= link_to 'Add release', new_release_path, {:remote => true, 'data-toggle'=> "modal", 'data-target' => '#modal-window'}  %>

<%= link_to 'Add release', new_release_path, 'data-toggle'=> "modal", 'data-target' => '#modal-window'  %>

<%= link_to 'Add release', new_release_path, remote: true %>

true，'data toggle'=>“model”，'data target'=>“#model window'}%>

这将调用js来显示你的模态，它是空的，然后在模态中添加内容，这一定会把它弄糟

修复

没有ajax

您的模式应该如下所示：

<div id="modal-window" class="modal hide fade" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="myModalLabel">Modal header</h3>
  </div>
  <div class="modal-body">
    **here comes whatever you want to show!**
  </div>
  <div class="modal-footer">
    <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
    <button class="btn btn-primary">Save changes</button>
  </div>
</div>


×
模态头
**你想展示什么就展示什么**
关
保存更改

你的链接

<%= link_to 'Add release', new_release_path, {:remote => true, 'data-toggle'=> "modal", 'data-target' => '#modal-window'}  %>

<%= link_to 'Add release', new_release_path, 'data-toggle'=> "modal", 'data-target' => '#modal-window'  %>

<%= link_to 'Add release', new_release_path, remote: true %>

“模式”，“数据目标”=>“#模式窗口”%>

使用Ajax:

你的模态：

<div id="modal-window" class="modal hide fade" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"></div>



你的链接

<%= link_to 'Add release', new_release_path, {:remote => true, 'data-toggle'=> "modal", 'data-target' => '#modal-window'}  %>

<%= link_to 'Add release', new_release_path, 'data-toggle'=> "modal", 'data-target' => '#modal-window'  %>

<%= link_to 'Add release', new_release_path, remote: true %>



您的js.erb文件

$("#modal-window").html("<%=j render 'project/new_release' %>");
$('#modal-window').modal('show'); // this will show up your modal once it has its data 

$（“#模态窗口”）.html（“”）；
$（'#模态窗口'）。模态（'show'）；//这将显示你的模态一旦有了它的数据
实际上为我解决的是将
div
类从
modal hide fade
更改为
modal
我遇到了同样的问题，引导模式窗口没有显示出来。
我通过将
class=“modal hide fade”
更改为
class=“modal fade”
解决了这个问题

有一个关于这个（）的教程。它非常简洁，工作非常完美，只是经过了我上面提到的修改。
为什么要通过ajax添加modals内容？这是一个模式，所以默认情况下应该隐藏它，然后只需单击该链接，您就可以简单地显示modalI正在退出我在
Twitter引导模式上找到的演示，并试图让它从那里开始工作。就像我提到的，这一切都是新的。目前，只需尝试使用Twitter引导方式使模态窗口均匀显示。
“模态”，“数据目标”=>“#模态窗口”>
应打开您的模态。根据您的建议，我刚刚编辑了链接到
。仍然是相同的淡入淡出屏幕，但没有窗口显示。一条线在屏幕上形成，尽管它想生成一个窗口。这是我以前为我的
链接所用的代码
true、'data-toggle'=>“model”、'data-target'=>“#model window'}%>
好的，我将应用这些更新。看看结果如何。真的很感谢你的建议。好吧……这该死的东西还是没用。当我尝试“不使用Ajax”的方法时，什么都没有发生。当我尝试“使用Ajax”的方式并点击
addrelease按钮时，什么也没有发生，它说'AbstractController:：ActionNotFound（ProjectController的动作'show'找不到），我已经发布了我编辑的代码。其中包括您建议的“使用Ajax”的更改：我在上面添加了开发中的信息。log@Twdeveloper你用哪个宝石来引导？我想它找不到js来显示它