挣扎于jQuery延迟弹出表单

时间:2019-06-20 05:05:34

标签: javascript jquery delay

我希望对遇到的问题有所帮助。

我的网站newsletter-popup-conatiner上有一个弹出窗口。 (是的,这是整个站点使用的容器的实际拼写错误)

据我了解,以下“应”将弹出窗口延迟5秒。

setTimeout(function(){
  $('#newsletter-popup-conatiner).show();
},5000);

这里是新闻通讯模块。经过几次失败的尝试后,我不知所措,实际上没有放置延迟代码。

$("#newsletter-popup-conatiner").mouseup(function(e){
        var popContainer = $("#newsletter-popup-conatiner");
        var newsLatterPop = $("#newsletter-pop-up"); 
        if(e.target.id != newsLatterPop.attr('id') && !newsLatterPop.has(e.target).length)
    {
      popContainer.fadeOut();
    }        
  });

  $('.hide-popup').on("click", function(){
    var popContainer = $("#newsletter-popup-conatiner");
    $('#newsletter-popup-conatiner')
    {
      popContainer.fadeOut();
    }
  });

  $('#dont_show').on("click", function(){
    $.cookie('popup_cookie', 'pclosed', {
      expires: 3,
      path: '/'
    });
    $('.hide-popup').trigger('click');
  });
  // console.log($.cookie('popup_cookie'));

  {% if settings.show_pupup and template == 'index'%}
  if($.cookie('popup_cookie') == 'pclosed') {
    $('.hide-popup').trigger('click');
  }
  {% endif %}

});

任何指导将不胜感激

1 个答案:

答案 0 :(得分:0)

<body onload="myFunction()">

<script>
function myFunction() {
  setTimeout(function() {
    $('#newsletter-popup-conatiner').show(); 
  }, 5000);
}
</script>
</body>

您可以尝试一下。加载页面5秒后,它将显示您的容器。