首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >关闭后保持Bootstrap模式隐藏

关闭后保持Bootstrap模式隐藏
EN

Stack Overflow用户
提问于 2022-10-20 08:41:00
回答 1查看 33关注 0票数 0

我有一个自动打开页面的引导模式(我用它作为弹出窗口)。当我关闭该模式时,是否有一种方法在重新加载页面时将其关闭?

我使用引导4.5

代码语言:javascript
代码运行次数:0
运行
复制
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script>
 <script>
  $(document).ready(function(){
    $("#myModal").modal('show');
});
 </script>

html:

代码语言:javascript
代码运行次数:0
运行
复制
 <div id="myModal" class="modal fade">
   <div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-header">
          <p>Some text</p>
          </div>
         </div>
       </div>
     </div>
EN

回答 1

Stack Overflow用户

发布于 2022-10-20 08:50:56

简单的解决方案是使用cookie。

让一个事件侦听器用于模式隐藏,并设置一个cookie,当页面加载时,如果用户已经看到了该模式,则检查cookie。

可以使用document.cookie = 'key=value; path=/';设置Cookies。

更多关于曲奇

编辑:

或localStorage @SteelNation在评论中提到。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/74136835

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档