Ruby on rails 如何添加带有链接的引导模式，以便在模式中打开链接内容？

我试图在rails链接上使用引导模式在模式中打开该链接

<%= link_to page_path, target: '_blank' %>

但不知何故，它不起作用。标准切换代码为-

<a data-toggle="modal" href="#myModal" class="btn">Launch demo modal</a>

但我不知道如何将其应用于rails中的链接，有什么帮助吗

---

谢谢

如果您想在页面上以隐藏状态预加载模式，下面是代码

<%= link_to "Open modal", "#my-modal", :class => "btn", "data-toggle" => "modal" %>
<div class="modal hide fade" id="my-modal" title="My modal">
  <div class="modal-header">
    <button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
    <h3 id="myModalLabel">Modal header</h3>
  </div>
  <div class="modal-body">
    Modal Body
  </div>
  <div class="modal-footer">
    <button aria-hidden="true" class="btn" data-dismiss="modal">Close</button>
  </div>
</div>

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

---

假设您想使用模态表单创建一个新帖子，那么控制器代码和

\u form.html.erb

已经就位

上面benchwarmer的回答中有语法错误

请尝试以下方法：

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

$（.a-unique-class”）.html（“”）

在Rails中添加

数据

属性有一种更漂亮的方法。你可以这样做得到同样的结果

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

谢谢benchwarmer，尽管它不起作用。这是我的代码“btn”，“data toggle”=>“modal”%>但它仍然在新选项卡中打开页面。你想在同一页面上预加载modal，还是想通过ajax加载modal的正文？我知道这篇文章很旧，但只是代码中的一个小的sintax更正：$（.a-unique-class”）。html（“”）不应该是：

“btn”，：remote=>true，“data toggle”=>“模式”，“数据目标”=>“#我的模式”%>

这样数据目标就是唯一的id？然而，这个解决方案似乎不适用于bootstrap3。您应该在这里的示例中使用html代码：在

posts/new.js.erb

中，它应该是

$（“.a-unique-class”）.html（“”）

。然后一切都会好起来：）。这应该是一个理想的评论。而且这只是一个被接受的答案的一部分，所以你不应该发布这样的答案。您可以选择编辑答案（但这一切只有在获得一定声誉后才可能实现）。阅读加载动作视图而不是整个页面的最佳方式是什么？此示例似乎加载了应用程序视图和链接到页面。如果我只需要edit.html.erb视图而不需要其他内容，该怎么办？谢谢我最近做了类似的事情，我的索引操作视图有几个记录。每个记录都有一个与选项卡关联的模式。每个选项卡都呈现了大量数据。我没有用一堆可能在该视图上永远看不到的数据来污染浏览器，而是按需加载。查看Railscast源代码，了解Ryan是如何做到这一点的。你可以根据自己的喜好量身定做。将原本500KB的足迹降低到最初的15KB。铁路公司：这不是一个特别的插曲，而是真正的Railscapsts网站。我通过以下顺序向application.js添加需求来实现这一点：//=require popper、//=require turbolinks、//=require bootstrap您可以在这里查看示例：

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

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