如何使用link_to添加bootstrap模式，以便在模态中打开链接内容？

我试图在rails链接上使用bootstrap模式http://twitter.github.com/bootstrap/javascript.html#modals打开模态中的链接

但不知怎的，它不起作用。 标准切换代码是 –

 Launch demo modal 

但我不知道如何将它应用于rails_to中的rails_to，任何帮助？

谢谢

Answer 1

如果要在隐藏状态下预加载页面上的模态，下面是代码

 <%= link_to "Open modal", "#my-modal", :class => "btn", "data-toggle" => "modal" %> 
 
 × 
Modal header
 
 
 Modal Body 
 
 Close 
  

如果你想通过ajax加载模态，那么你可以做这样的事情

 <%= link_to "Open modal", new_post_path, :class => "btn", :remote => true, "data-toggle" => "modal", "data-target" => "my-modal" %> 
 
 × 
New Post
 
 
 New Post Body 
 
 Close 
  

在posts/new.js.erb你会包括

 $(".a-unique-class").html('<%= j render "posts/_form" %>') 

确保每个模态体都有唯一的 id或类。

假设您要使用模态表单创建新post，则控制器代码和_form.html.erb就位

Answer 2

在Rails中添加data属性有一种更漂亮的方法。 你可以做这样的事情来获得相同的结果。

 <%= link_to 'Click Here', "#", data: {toggle: "modal", target: "#modal"} %> 

Answer 3

在替补席上面的答案中存在语法错误。

试试这个：

 $(".a-unique-class").html('<%= j render "posts/form" %>')