每次会话/访问弹出一次

Question

我想使用jQuery 添加一个每次会话/访问出现一次的弹出窗口。

我试过这个：

jQuery(document).ready(function($) {  
  setTimeout(function() {
    if (!sessionStorage.previouslyVisited) {
      $('#exampleModalTextLink').modal('show');
      sessionStorage.previouslyVisited = true;
    }
  }
});

在这个中，这样每个会话都会出现一次弹出窗口（我在引导程序 4 上做了）

$(window).load(function(){
  setTimeout(function() {
    $('#exampleModalTextLink').modal('hide');
  }, 15000);
  setTimeout(function(){
    $('#exampleModalTextLink').modal('show');
  }, 2000);
});

Answer 1

您需要通过以下方式设置和获取会话变量

jQuery(document).ready(function () {
    // Get saved data from sessionStorage
    var visited = sessionStorage.getItem('visited');

    setTimeout(function () {
        if (visited !== true) {
            $('#exampleModalTextLink').modal('show');
            sessionStorage.setItem('visited', true); // Save data to sessionStorage
        } 
    }, 500);

});

如果false 或null 将检查现有值，那么它将调用modal，否则不会，我不知道你为什么使用setTimeout，如果你正在使用@987654327 @。在这里查看documentation