首页 > 其他 > 详细

Bootstrap swal 嵌套时第二个swal 一闪而过的问题解决方案

时间:2020-06-08 18:26:35      阅读:196      评论:0      收藏:0      [点我收藏+]

在使用swal进行提交确认时进行了嵌套swal的操作

//例子     
swal( { title: ‘确定进行报交吗‘, text: ‘‘, icon: ‘info‘, showCancelButton: true, cancelButtonText: ‘取消‘, confirmButtonText: ‘确认‘, buttons: { cancel: true, confirm: ‘Confirm‘, }, }, function () { GetIsAudit(); }, );

  发现嵌套的swal会一闪而过,并不能正确的显示,在网上找解决方案也没找到能够正确解决的解决方案,

最后发现 在嵌套的swal外加一个setTimeout就可以解决了。

  setTimeout(function () {
                                        swal({
                                            title: response.data.message, //弹出框的title
                                            text: ‘‘, //弹出框里面的提示文本
                                            type: ‘warning‘, //弹出框类型
                                            showCancelButton: true, //是否显示取消按钮
                                            confirmButtonColor: ‘#DD6B55‘, //确定按钮颜色
                                            cancelButtonText: ‘取消‘, //取消按钮文本
                                            confirmButtonText: ‘确定‘, //确定按钮上面的文档
                                            closeOnConfirm: false,
                                            buttons: {
                                                cancel: true,
                                                confirm: ‘Confirm‘,
                                            },
                                            function() {},
                                        });
                                    }, 500);

  

Bootstrap swal 嵌套时第二个swal 一闪而过的问题解决方案

原文:https://www.cnblogs.com/LuBenWei/p/13066315.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!