javascript - 如何使用Jekyll禁用/启用弹出窗口

当您初次进入时，我的网站上会出现一个弹出窗口。我希望允许该选项在需要时禁用或启用。这是“ include”中的.yml文件，我使用的是Magnific Pop-Up。

这是JS代码：

$(document).ready(function() {
  $(window).on('load', function() {
    var now, lastDatePopupShowed;
    now = new Date();

    if (localStorage.getItem('lastDatePopupShowed') !== null) {
      lastDatePopupShowed = new Date(parseInt(localStorage.getItem('lastDatePopupShowed')));
    }

    if (((now - lastDatePopupShowed) >= (15 * 86400000)) || !lastDatePopupShowed) {
      $.magnificPopup.open({
        items: {
          src: '#launch-popup'
        },
        type: 'inline'
      }, 0);

      localStorage.setItem('lastDatePopupShowed', now);
    }
  });
});

我很想听听您关于如何解决问题的想法。

最佳答案

解：

将弹出窗口本身包装在if语句中。

{% If page.popup-turned-on == true %}

... Code for pop up

{% endif %}

然后，在最前面添加以下内容：

popup-turned-on: true

编码愉快！