文章/答案/技术大牛

发布

社区首页 >问答首页 >在ajax显示通知后如何设置超时隐藏div

问在ajax显示通知后如何设置超时隐藏div
EN

Stack Overflow用户

提问于 2016-02-02 04:31:44

回答 3查看 1.7K关注 0票数 0

我有这样的ajax代码：

   function submitHandler() {
       var date=new Date(),
           formorder= document.getElementById("form-order"),
           pack= $("#id_package").val(),
           namepack= $("#name_package").val()
         $.ajax({
           type: 'POST',
           url: '<?php echo $this->baseurl; ?>/index/saveOrder',
           data: {
               pack: pack,
               namepack: namepack
           },
            success: function(msg) {               
               var result = msg;                
               if (result.success=true) {
                   $.gritter.add({
                        title: "Thank You",
                        text: "Your order was inserted. Our team will confirmation your order quickly",
                        class_name: 'gritter-success gritter-center',
                        time : 3000,
                    });
                   formorder.reset();  
   //i want set timeout to hide this '#modal-content' after notification showed.
                   $('#modal-content').modal('hide');
               }           
           }
       });
    }

从这段代码中，#modal-content首先在通知显示之前隐藏。我的问题是如何在$('#modal-content').modal('hide');显示5秒后将$.gritter.add({title: "Thank You"...设置为隐藏。谢谢。

ajax

javascript

jquery

html

css

回答 3

Stack Overflow用户

回答已采纳

发布于 2016-02-02 04:34:50

您可以使用javacript setTimeout方法。setTimeout允许您在特定时间段后执行一些javascript代码。

替换

$('#modal-content').modal('hide');

使用

setTimeout(function () { $('#modal-content').modal('hide'); }, 5000);

票数 2

Stack Overflow用户

发布于 2016-02-02 04:34:40

因为你在使用jQuery，所以可以利用延迟

$('#modal-content').delay(5000).modal('hide');

票数 2

Stack Overflow用户

发布于 2016-02-02 04:39:58

用一个事件更新gritter.add，after_close和hide，after_close函数中的模式，如下所示。如果能用的话。

               $.gritter.add({
                    title: "Thank You",
                    text: "Your order was inserted. Our team will confirmation your order quickly",
                    class_name: 'gritter-success gritter-center',
                    time : 3000,
                    after_close: function(e, manual_close){ 
                     $('#modal-content').delay(5000).modal('hide');
                    }
                });

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/35145090

复制

相似问题

问在ajax显示通知后如何设置超时隐藏div
EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在ajax显示通知后如何设置超时隐藏divEN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在ajax显示通知后如何设置超时隐藏div
EN