Question

我的网站上弹出一个窗口，该窗口在您首次进入时出现。我希望允许该选项在需要时禁用或启用。这是“ 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);
    }
  });
});

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

Answer 1

解决方案：

将弹出窗口本身包装在带有if语句的Jekyll中。

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

... Code for pop up 

{% endif %}

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

popup-turned-on: true

编码愉快！

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

1 个答案: