Question

我已经制作了这个小的广告系列弹出框，但是我需要将.popupbox类显示为：none，否则它将闪烁/显示在网站刷新或更改。但是我怎么能改变我的jQuery脚本来显示隐藏的div？并在显示div之前检查cookie？

<div class="popupbox" id="popupboxToggleDiv">
  <a href="#" id="campaign_Toggle">
    <div class="close_button"></div>
  </a>
  <div class="campaign_text">Free shipping</div>
</div>

<script>
  if (jQuery.cookie("toggle") == "toggled")
    jQuery("#popupboxToggleDiv").hide("fast");

  jQuery('#campaign_Toggle').click(function () {
    jQuery('#popupboxToggleDiv').fadeOut('slow');
    jQuery.cookie("toggle", "toggled");
    return false;
  });
</script>

Answer 1

您可以在其他条件中设置show，例如：

<script>
    if (jQuery.cookie("toggle") == "toggled")
        jQuery("#popupboxToggleDiv").hide("fast");
    else
        jQuery("#popupboxToggleDiv").show("fast");

jQuery('#campaign_Toggle').click(function () {
    jQuery('#popupboxToggleDiv').fadeOut('slow');
    jQuery.cookie("toggle", "toggled");
    return false;
});
</script>

jQuery - 显示隐藏的div并检查cookie

1 个答案: