Question

我有一个热衷于当前日期的website。我有一个电子邮件订阅弹出窗口，我想按照当前日期显示。

＆＃13;

var $box2 = $('.box2');

$('.closei2').each(function() {
  var color = $(this).css('backgroundColor');
  var content = $(this).html();
  $(this).click(function() {
    $box2.css('backgroundColor', color);
    $box2.addClass('open');
    $box2.find('p').html(content);
  });

  $('.close').click(function() {
    $box2.removeClass('open');
    $box2.css('backgroundColor', 'transparent');

  });

  $('body').toggleClass('overlay2');
  $("#pop-toggle").click(function() {
    $(".popup0").toggle();
    $('body').toggleClass('overlay2');
  })
  $(".close").click(function() {
    $(".popup0").toggle();
    $('body').toggleClass('overlay2');
  });

});

＆＃13;

<div class="popScroll">
  <div class="popup0">
    <h1>Subscribe for more</h1>
    <div class="subscribe-widget">
      <form id="subscribe-form" action="subscribe.php" method="post">
        <input type="email" name="cf_email" placeholder="Your Email Please" class="email-form" required>
        <button type="submit" class="button">Subscribe</button>
      </form>
    </div>
    <p>Leave us your email for event updates & more</p>
    <div id="option">
      <a href="#" id="home" class="boxi2">Home</a> 
      <em>or</em>
      <a href="#" id="close" class="boxi2 closei2 close">Close</a>
    </div>
  </div>
</div>

＆＃13;

我的日期选择器，

＆＃13;

//friday code
var d = new Date();
var s = d.getDay();
if (s == 4) {
  //execute popup;
}

＆＃13;

我尝试将两者结合起来无济于事。我哪里错了？感谢。

Answer 1

我已经简化了您的javascript并保留了您的HTML以供参考，请看一下：https://jsfiddle.net/zzu22njs/

使用Javascript：

var $popup = $('.popScroll')

$popup
  .find('a.close')
  .on('click', function(e) {
    e.preventDefault();
    $popup.hide();
  });

var now = new Date();

// Open on Fridays
if (now.getDay() === 5) {    
  $popup.show();
}

CSS：

.popScroll {
  display: none;
}

HTML：与以前相同

希望这会给你一些建设的东西。我只关联了密切链接。

按照当前日期制作弹出窗口

1 个答案: