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

Javascript 如何使用Jekyll禁用/启用弹出窗口,javascript,popup,jekyll,magnific-popup,Javascript,Popup,Jekyll,Magnific Popup,我的网站上有一个弹出窗口,当你第一次进入时会出现。我想允许选项在需要时禁用或启用。它是“include”中的一个.yml文件,我使用的是放大弹出窗口 以下是JS代码: $(document).ready(function() { $(window).on('load', function() { var now, lastDatePopupShowed; now = new Date(); if (localStorage.getItem('lastDatePopu

我的网站上有一个弹出窗口,当你第一次进入时会出现。我想允许选项在需要时禁用或启用。它是“include”中的一个.yml文件,我使用的是放大弹出窗口

以下是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);
    }
  });
});
我很想听听你对如何解决这个问题的想法。

我会这样做:

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

popup: true

解决方案

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

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

... Code for pop up 

{% endif %}
然后,在前面添加以下内容:

popup-turned-on: true 

快乐编码

你的意思是禁止使用配置标志加载它?谢谢,但它不起作用。它禁用了我所有的弹出窗口。您知道有没有其他方法可以通过.js代码添加变量?您能指定哪些方法不起作用吗?液体正在被分析吗?site.popup变量是否为false?你能提供更多的细节和/或存储库吗?你好!很抱歉回复太迟了,但我的一个朋友给了我一个解决方案。在下面分享,这样它可以在将来帮助别人!您可能希望将其包装在文档中准备好。。。但是是的。。。这基本上就是我的意思。太好了,你成功了+1.