1

当我关闭模态（在模态外单击）时，网页仍然是黑暗的，我必须再次单击页面上的某个位置才能再次正常。任何人都知道问题可能是什么？

_post_modal.html.erb

<div id="<%= p.id %>" class="modal hide" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
        <p><h3 id="myModalLabel"><%= p.title %></h3></p>
    </div>
    <div class="modal-body">
        <%= raw(p.link) %>
    </div>
</div>

_single_post.html.erb

<% @posts.each do |p| %>
   <%= render "post_modal" %> 
<% end %>

list.html.erb

<div class="container">
   <%= render 'single_post' %>
</div>

应用程序.html.erb

<body>
    <%= link_to('Logout user', destroy_user_session_path, :method => :delete) %>
    <%= link_to('Logout admin', destroy_admin_session_path, :method => :delete) %>
    <%= yield %>
</body>

自定义.css.scss

body{
      background-image:url('dark_leather.png');
      color: #333;
      font-family: verdana, arial, helvetica, sans-serif;
      line-height: 18px;
}

.container{
    vertical-align: center;
}

.modal{
    h3{
        font-family: 'Josefin Slab', serif;
        font-size: 18pt;
        font-weight: 400;
        color: #34DDDD;
    }
}
4

2 回答 2

3

在执行 ajax 请求之前隐藏模式。我有同样的问题，并解决了它。对我来说，更换包含实际模态窗口的容器更多的是一个问题。

如果这不起作用，您始终可以通过执行以下操作强制它消失：

$('#your-modal-id').modal('hide');
$('body').removeClass('modal-open');
$('.modal-backdrop').remove();
于 2013-05-25T18:38:22.730 回答
0

经过数小时的谷歌搜索和阅读，我找到了解决方案。

我首先发现了这个，那个引导我到这个，那个引导我到这个。（有用，因为它提供了替代解决方案和解释）。

简而言之：

1）首先我添加了这个：config.serve_static_assets = false到我的config/environments/development.rb文件中。

2）然后我rake assets:clean在终端中运行命令。

3）最后我删除了浏览器中的缓存。

它有效 - 以及为什么有效，是在上面的链接中写的一个很长的解释；）

于 2013-05-27T14:38:45.823 回答