mui tap事件，mui.confirm弹窗出现两次

原创于 2022-09-14 17:02:06 发布 · 806 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#开发语言 #javascript

jsp 专栏收录该内容

2 篇文章

订阅专栏

本文探讨了将click事件替换为tap后，如何修复点击失效问题，并解决弹窗显示异常。作者分享了使用全局变量控制弹窗显示及延迟重置的方法，以确保在确认签收操作中的正确交互。

tap换成 click，点击事件完全失效，tap可以跳转下一个页面，但是弹窗会出现两次，用变量控制弹窗的显示。

 var flag=true;//定义一个全局变量
    //#pullrefresh 是自己的id元素     用的tap事件，网上说tap把click，我的功能完全失效
	mui('#pullrefresh').on('tap', '.view', function (event) {
		var elem = this;
		var stIsQueren = elem.getAttribute("value1");
		if(stIsQueren=="3"){
			var btnArray = ['取消', '确认'];
			if(flag){
				mui.confirm('确认签收这条数据吗？', '提示信息', btnArray, function (e) {
					if (e.index == 1) {
						console.log("调用自己的方法")
					}
					else {
						mui.toast("取消");
					}
				})
				flag=false 
			}
			//一秒过后，强制把flag置为true
			setTimeout(function(){
				flag=true
			},1000)

		}else{
		   window.open()
		}
	});