艾朋 2019-03-29 15:49 采纳率: 0%
浏览 888
已结题

sweetalert回车触发一闪而逝如何解决?

有一个回车触发事件,触发后进行sweetalert的弹出,但是效果是弹出框一闪而逝。附上我的代码。

$scope.checkInput = function (event) {
                var keycode = window.event ? event.keyCode : event.which;
                if (keycode == 13) {
                    swal({
                        title: '确认此车无问题,可直接放行?',
                        text: '',
                        type: "warning",
                        showCancelButton: true,
                        confirmButtonColor: "#e4393c",
                        confirmButtonText: $translate.instant('main.alertConfirm.confirmButtonText'),
                        cancelButtonText: $translate.instant('main.alertConfirm.cancelButtonText'),
                        closeOnConfirm: true
                    }, function (isConfirm) {
                        if (isConfirm) {
                            toastr.success('提交成功');
                        } else {
                            toastr.success('提交失败');
                        }
                    });
                }
            }

我希望达到的效果就是正常的sweetalert的弹出效果

  • 写回答

1条回答 默认 最新

  • 艾朋 2019-03-30 09:50
    关注

    问题解决了,加个定时器就好了。我猜测可能和异步执行有关,但是具体什么原理还是希望各位大神告知。附上代码

    var timer = setInterval(
                            function () {
                                swal({
                                    title: '确认此车无问题,可直接放行?',
                                    text: '',
                                    type: "warning",
                                    showCancelButton: true,
                                    confirmButtonColor: "#e4393c",
                                    confirmButtonText: $translate.instant('main.alertConfirm.confirmButtonText'),
                                    cancelButtonText: $translate.instant('main.alertConfirm.cancelButtonText'),
                                    closeOnConfirm: true
                                }, function (isConfirm) {
                                    if (isConfirm) {
                                        toastr.success('提交成功');
                                        clearInterval(timer);
                                    } else {
                                        toastr.success('提交失败');
                                        clearInterval(timer);
                                    }
                                });
                            }, 0)
    
    评论

报告相同问题?

悬赏问题

  • ¥15 matlab中使用gurobi时报错
  • ¥15 WPF 大屏看板表格背景图片设置
  • ¥15 这个主板怎么能扩出一两个sata口
  • ¥15 不是,这到底错哪儿了😭
  • ¥15 2020长安杯与连接网探
  • ¥15 关于#matlab#的问题:在模糊控制器中选出线路信息,在simulink中根据线路信息生成速度时间目标曲线(初速度为20m/s,15秒后减为0的速度时间图像)我想问线路信息是什么
  • ¥15 banner广告展示设置多少时间不怎么会消耗用户价值
  • ¥16 mybatis的代理对象无法通过@Autowired装填
  • ¥15 可见光定位matlab仿真
  • ¥15 arduino 四自由度机械臂