Question

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

我试过了：

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

在这一个中，所以每个会话弹出一次（我在bootstrap 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否则不会，我不知道您为什么使用{{1}如果您使用的是setTimeout。请参阅此处查看documentation

每次会话弹出oncer /访问

1 个答案: