个人中心
gpt4 book ai didi

javascript - Rails 页面加载模态背景两次？

转载 作者：行者123 更新时间：2023-11-30 13:02:50 24 4
gpt4 key购买 nike

当我关闭模态框(在模态框外点击)时，网页还是黑的，必须在网页某处再次点击才能恢复正常。任何人都知道问题可能是什么？

_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>

application.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;
    }
}

最佳答案

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

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

$('#your-modal-id').modal('hide');
$('body').removeClass('modal-open');
$('.modal-backdrop').remove();

关于javascript - Rails 页面加载模态背景两次？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16751660/

24 4 0
文章推荐： javascript - 我如何 $save 一个新对象？
文章推荐： swift - Swift 中的最大公共(public)指数
文章推荐： javascript - 短路评估令
文章推荐： c# - 如何更改日期格式和文化？
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com