Question

我有这个脚本，如果没有cookie，它会显示一个模态。第一个如果，如果cookie存在它隐藏模态，和“ELSE”如果没有cookie，它将显示它。

我需要添加一个document.referer条件，如下所示。

除了验证cookie是否存在外，请检查引用（下面的相同功能），然后才显示模态。

代码：

jQuery(document).ready(function() {
  if (jQuery.cookie('visits') > 0.5) {
    jQuery('#active-popup').hide();
    jQuery('#popup-container').hide();
    jQuery('html, body').removeAttr('style');
  } else {
    var pageHeight = jQuery(document).height();
    jQuery('<div id="active-popup"></div>').insertBefore('body');
    jQuery('#active-popup').css("height", pageHeight);
    jQuery('#popup-container').show();
    jQuery('html, body', window.parent.document).css({
      'overflow': 'hidden',
      'height': '100%'
    });
  }

  $(document).ready(function() {
    $('#popup-container').css({
      'left': (Math.floor(Math.random() * 15) + 3) + '%'
    })
    $('#popup-container').css({
      'top': (Math.floor(Math.random() * 23) + 33) + '%'
    })
  });
});

参考

  if (document.referrer) {
    facebook = /facebook.com/;
    if (facebook.test(document.referrer)) {

    }
  }

Answer 1

使用您想要的条件将else更改为else if。

jQuery(document).ready(function() {
  facebook = /facebook\.com/;
  if (jQuery.cookie('visits') > 0.5) {
    jQuery('#active-popup').hide();
    jQuery('#popup-container').hide();
    jQuery('html, body').removeAttr('style');
  } else if (document.referrer && facebook.test(document.referrer)) {
    var pageHeight = jQuery(document).height();
    jQuery('<div id="active-popup"></div>').insertBefore('body');
    jQuery('#active-popup').css("height", pageHeight);
    jQuery('#popup-container').show();
    jQuery('html, body', window.parent.document).css({
      'overflow': 'hidden',
      'height': '100%'
    });
  }

  $(document).ready(function() {
    $('#popup-container').css({
      'left': (Math.floor(Math.random() * 15) + 3) + '%'
    })
    $('#popup-container').css({
      'top': (Math.floor(Math.random() * 23) + 33) + '%'
    })
  });
});

在“else if”中包含在document.referrer中

1 个答案: