Question

在我的rails应用程序中，我想使用modal打开一个新页面。

例如，在<script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script> <center> <br><br> <input onclick="drop();" type=button value="Show All"> <br><br> <div id="map" style="width:1000px;height:460px;"></div> </center>中，我有一个按钮＆＃34; New＆＃34;。当我点击＆＃34; New＆＃34;时，会出现一个对话框，显示index.html.erb中的内容。我试着用：

new.html.erb

但它没有用，有什么最好的轨道方式呢？感谢。

更新

我找到了一种方法：

<a data-toggle="modal" class="btn btn-info" href="#{new_site_path}" data-target="#myModal">New</a>

但是，打开的对话框包含<%= link_to "Open modal", new_site_path, :class => "btn", "data-toggle" => "modal", "data-target" => ".bs-example-modal-lg" %> <div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel"> <div class="modal-dialog modal-lg"> <div class="modal-content"> </div> </div> </div>中的html代码，其中包含导航栏和侧栏，但我不想要它，我该怎么做？

感谢。

Answer 1

链接应为：

<a data-toggle="modal" class="btn btn-info" data-target="#myModal">New</a>

现在在页面中创建一个partial，其中包含上部a标记。假设您已创建_modal_patrial.html.erb。然后render当前页面中的部分。

on _modal_patrial.html.erb：

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
   // new.html.erb contents will go here.    
</div>

有关详细信息，请参阅此link。希望它有所帮助！

Rails使用modal打开一个新页面

1 个答案: