第一次我只想显示引导模式答案

【问题标题】：first time only i want to show the bootstrap modal第一次我只想显示引导模式
【发布时间】：2017-05-12 13:57:18
【问题描述】：

在这里，当用户第一次来到我的页面时，我想在此页面中显示模式，假设用户想要第二页并再次进入第一页，模式也不应该显示，我尝试了很多但我无法得到答案，请帮助我

$(document).ready(function() {
    var isshow = localStorage.getItem('isshow');
    if (isshow== null) {
        localStorage.setItem('isshow', 1);

        // Show popup here
        $('#myModal').modal('show');
    }
    else{
    alert('else part');
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<html>
<head>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>

<div class="container">
  <h1>My First Bootstrap Page</h1>
 <!--<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Modal</button>-->

<!-- Modal -->
<div id="myModal" class="modal fade" role="dialog">
  <div class="modal-dialog">

    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">Modal Header</h4>
      </div>
      <div class="modal-body">
        <p>Some text in the modal.</p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>

  </div>
</div>
</div>

</body>
</html>

【问题讨论】：

您可以使用 Javascript cookie：w3schools.com/js/js_cookies.asp 或者，如果您想在服务器端语言中使用 cookie，也可以。哪种语言？
什么实际上不起作用？你的代码似乎没问题。我已经将它复制到这个小提琴并且它有效：jsfiddle.net/mb81ngmd。运行多次，不显示任何警报。
@pendo 请不要。在 OP 的情况下，localStorage 是最好的选择。
对我来说没有什么像模态不打开一样来了
使用服务器端的好处是，如果您希望 cookie 持续时间不只是浏览器会话，则必须使用它们。如果每次我访问一个站点时都会出现相同的弹出窗口，我会停止访问该站点。如果您只希望它用于浏览器会话，那么 @DontVoteMeDown 是正确的，因为 javascript cookie 很好，正如我在第一条评论中提到的那样。

标签： php jquery session twitter-bootstrap-3 local-storage

【解决方案1】：

请检查这个小提琴链接。 Fiddle Link 您的代码运行良好，并且可以很好地使用本地存储。

$(document).ready(function() {
    var isshow = localStorage.getItem('isshow');
    if (isshow === null) {
        localStorage.setItem('isshow', 1);
        // Show popup here
        $('#myModal').modal('show');
    } else {
      alert('else part');
    }
});

【讨论】：