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

Question

我的网站中有一个弹出窗口，当您第一次进入时会出现。我希望允许在需要时禁用或启用该选项。它是“包含”中的 .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 

编码愉快！

Answer 2

我会这样做：

$(document).ready(function() {
  $(window).on('load', function() {
    {% if site.popup %}
      /*.. JS code for popup ..*/
    {% endif %}
  });
});

在你的 _config.yml 中：

popup: true