Question

有人可以帮助我吗？

我在页面上弹出了一个窗口，只希望显示一次。在另一个运行相同代码的页面上也有另一个弹出窗口。

最好的方法是使每个弹出窗口仅显示一次，但在自己的页面上显示一次？

$(document).ready(function() {
    if(localStorage.getItem('popupState') != 'shown'){
        $("#voucherForm").delay(10000).fadeIn();
        $("#signupcover").delay(10000).fadeIn();
        localStorage.setItem('popupState','shown');
    }
});

$("#popup-close").click(function() {
  $("#voucherForm").removeAttr( 'style' );
});

Answer 1

使用不同的本地存储变量，即localStorage.getItem（'popup1_State'）和localStorage.getItem（'popup2_State'）

Answer 2

请尝试使用此方法，根据多页地址使用不同的变量来控制弹出窗口。

switch(location.href) {
   case page1:
     const isPop = locaStorage.getItem('page1');
     if(isPop) {
       popFormOfPage1.pop();
       locaStorage.setItem('page1', false);
     }
     break;
   case page2:
     // same case1
   default:
     // do something
}

弹出窗口每页仅显示一次

2 个答案: