gpt4 book ai didi

ruby-on-rails - 如何使用 link_to 添加 Bootstrap 模式,以便链接内容以模式打开?

转载 作者:行者123 更新时间:2023-12-03 10:34:29 27 4
gpt4 key购买 nike

我正在尝试使用 Bootstrap 模式 http://twitter.github.com/bootstrap/javascript.html#modals在 rails 链接上以在模式中打开该链接

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

但不知何故它不起作用。标准切换代码是 -
<a data-toggle="modal" href="#myModal" class="btn">Launch demo modal</a>

但我不确定如何将它应用于rails中的link_to,有什么帮助吗?

谢谢

最佳答案

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

<%= 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>

如果你想通过 ajax 加载模态,那么你可以做这样的事情
<%= link_to "Open modal", new_post_path, :class => "btn", :remote => true, "data-toggle" => "modal", "data-target" => "my-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">New Post</h3>
</div>
<div class="modal-body a-unique-class">
New Post Body
</div>
<div class="modal-footer">
<button aria-hidden="true" class="btn" data-dismiss="modal">Close</button>
</div>
</div>

posts/new.js.erb你会包括
$(".a-unique-class").html('<%= j render "posts/_form" %>')

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

假设您想使用模态表单、 Controller 代码和 _form.html.erb 创建新帖子到位

关于ruby-on-rails - 如何使用 link_to 添加 Bootstrap 模式,以便链接内容以模式打开?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15152486/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com