导轨上的ruby中的Bootstrap模式不起作用（不显示）

我正在使用rail4和’bootstrap-sass’：’3.3.6’。

我已经按照https://coderwall.com/p/ej0mhg/open-a-rails-form-with-twitter-bootstrap-modals中的步骤进行了操作，并根据Bootyrap 模式重写了部分内容，这些内容是在ruby轨道上无效的 。

谐音：

 
 
 
 × 
Modal header
 
 
 
One fine body…
 
 
 Close Save changes 
 
 
  

rails控制台中没有错误。

铬检查的回应似乎没问题。

响应：

 $("#myModal").find(".modal-content").html("
\n
\n
\n
\n
Modal header\n\n
\n
One fine body…\n\n
\nClose\nSave changes\n\n\n\n\n"); $("#myModal").modal('show'); 

但模式并没有出现。

其他相关代码：

调用该操作的视图：

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

new_release.js.erb

 $("#myModal").find(".modal-content").html(""); $("#myModal").modal('show'); 

路线：

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

Answer 1

我想当你尝试通过javascript在new_release.js.erb中渲染该模态时

 $("#myModal").find(".modal-content") 

实际上它没有加载到DOM中，因为未加载部分

所以不要在你的内部添加整个模态，而是在模板文件中部分保留模型div标签，你实际调用它就像你的主模板一样

index.html.erb

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

在js.erb里面

new_release.js.erb

 $("#myModal").find(".modal-content").html("<%= j (render 'new_release') %>"); $("#myModal").modal('show'); 

_new_release.html.erb

 
 × 
Modal header
 
 
 
One fine body…
 
 
 Close Save changes  

希望这有效，谢谢

Answer 2

请查看以下代码

 $("#myModal").find(".modal-content").html("
\n
\n
\n
\n
Modal header<\/h3>\n<\/div>\n
\n
One fine body…<\/p>\n<\/div>\n
\nClose<\/button>\nSave changes<\/button>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n"); $("#myModal").modal('show');
 

这意味着您尝试在另一个#myModal元素中嵌套以#myModal元素开头的块。 因此，结果HTML将包含具有相同ID的2个元素。 首先尝试修复它。

Answer 3

你应该使用$("#myModal").modal('show'); 打开模态。