Question

我正在使用Rails应用程序。在一个用例中，我必须弹出一个模态。问题是模态没有弹出。如果我将部分文件设置为普通文件，则模式文件会显示为我不希望的普通页面。自从一周以来，我一直在尝试这个小好消息，至少如果我将_load_users.html.erb作为load_users.html.erb进行显示，则它显示的是模式，但我希望部分文件作为模式弹出。

我使用了触发Ajax的链接

// teams_controller

def load_users
  @user = User.all

  respond_to do |format|
    format.html
    format.js
  end
end

// index.html.erb

<%= link_to 'link', load_users_teams_path, remote: true  %>

<div id="modal-window" class="modal hide fade" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content"></div>
  </div>
</div>

// __ load_users.html.erb

<div class="modal-header">
  <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
  <h3 id="myModalLabel">Modal header</h3>
</div>
<div class="modal-body">
  **here comes whatever you want to show!**
</div>
<div class="modal-footer">
  <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
  <button class="btn btn-primary">Save changes</button>
</div>

// load_users.js.erb

$("#modal-window").html("<%= escape_javascript( render 'load_users' ) %>");
$("#modal-window").modal()

点击链接后，它应该显示一个弹出模式。

Answer 1

使用原始设置后，DOM中没有发生任何事情，或者浏览器控制台中没有错误？

<div id="modal-window" class="modal hide fade" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content"></div>
  </div>
</div>

单击远程链接时，是否在开发人员工具检查器中对此进行了更改？

可能只是当您替换#model窗口的内容时，它仍然具有.hide类（我猜这是显示的：none；或类似的内容）。

如何解决错误TeamsController＃load_users缺少此请求格式和变体的模板

1 个答案: