JQuery - 每个会话运行一次

Question

我有一个由“计算”按钮触发的功能

我需要这条线每个会话只运行一次（会话可能是 1 天或直到重新加载浏览器）。

$('.popup-with-form').magnificPopup('open');

这会打开一个 Magnific Popup。一旦执行了这个函数（弹出窗口打开），如果再次按下“计算”按钮，我不想再次打开弹出窗口。

JS/JQuery 代码：

function StateChanged() {
       if (XmlHttp.readyState == 4 || XmlHttp.readyState == "complete") {
           $('.popup-with-form').magnificPopup('open');
          document.getElementById("CalcSum").innerHTML = XmlHttp.responseText;
          document.getElementById("CalcSumPopup").innerHTML = XmlHttp.responseText;
       }
    }

PS我知道很多这样的问题会弹出，我尝试了不同的做事方式，但由于我是“代码挑战者”并且不知道 JQuery 或 JS 我不能想办法。我知道 JQuery 中有一个 .one “东西”，但不明白如何使它工作。

Answer 1

如果您只想在每个浏览器会话中执行此行一次，您可以使用sessionStorage。当您在 sessionStorage 上设置变量时，它会保持其值直到浏览器关闭（例如，直到您关闭 Google Chrome）。

所以你可以这样做：

if (!sessionStorage.alreadyClicked) {
    $('.popup-with-form').magnificPopup('open');
    sessionStorage.alreadyClicked = 1;
}

小心sessionStorage，因为它只能存储string 值。

如果您希望每个页面会话仅执行一次该行（这意味着每次页面刷新一次），那么您可以使用任何变量并将其设置为 true 以记住您已经执行了该行：

if (!window.alreadyClicked) {
    $('.popup-with-form').magnificPopup('open');
    alreadyClicked = true;
}

Answer 2

试试

编辑，v2

我读过 .one 但无法弄清楚 :( ...我实际上需要 它仅在按下 CALCULATE 按钮时运行一次。 – 屋顶 计算器

html

<!--  removed `action="javascript:GetInfo();"
              , accept-charset="UNKNOWN"
              , enctype="application/x-www-form-urlencoded" 
              , method="post"` 
      from `form` attributes -->
<form id="formcalc" style="text-align: left;">    
    <!-- changed `input` `type` to `button` -->
    <input name="calculate" type="button" value="Calculate" />
</form>

js

$("#formcalc > input[name='calculate']")
.one("click", function(e) {
  e.stopPropagation();
  GetInfo();
});

v1

$("a.popup-with-form").one("click", function(e) {
  // do stuff, once
  // i.e.g., 
  // `XmlHttp.onreadystatechange = StateChanged;` at `ShowSum()`
  $(e.target).remove(); // remove element when `click`ed once
});

jsfiddle http://jsfiddle.net/guest271314/7K3tn/

见http://api.jquery.com/one/

Answer 3

请在下面使用。

禁用开启

空

如果窗口宽度小于此选项中的数字 - 将不会打开灯箱并且会触发元素的默认行为。设置为 0 以禁用行为。仅当您从 DOM 元素初始化 Magnific Popup 时，选项才有效。

也可以接受 Function 作为参数，如果可以打开灯箱，则返回 true，否则返回 false。例如：

disableOn: function() { if( $(condition) { return false; } return true; }