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

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

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

 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()
		}
	});

``` mui('.item1').on('tap','.ant',function(){ const nl = $(` <div class="xbj"> <div class="xxbj">学习笔记</div> <div class="scbj">删除</div> </div> <div class="bnr sj svc bz "></div> <div class="jdm mv nzb"> <img src="./images/add.png" class="adnt"> <div class="ll xz">编辑笔记</div> </div>`) $('.item1').append(nl) $(this).parent().addClass('yc') const sE = nl.filter('.bnr')[0] mui.openWindow('xjls.html','xjls.html',{}) window.addEventListener('sbc',function(et){ sE.innerHTML = et.detail.content; }) mui('.nzb').on('tap','.xz',function(){ const zsb = $(this).parents().siblings('.bz') mui.openWindow('bj.html','bj.html',{}) window.addEventListener('sb',function(et){ zsb.text(et.detail.content); }) }) }) mui('.item').on('tap','.ant',function(){ const nls = $(` <div class="xbj" id="sz"> <div class="xxbj">学习笔记</div> <div class="scbj">删除</div> </div> <div class="bnr sj nm"></div> <div class="jdm mv"> <img src="./images/add.png" class="adnt"> <div class="bzt">编辑笔记</div> </div>`) $('#bl').addClass('yc') $('.item').append(nls) const ssE = nls.filter('.bnr')[0] mui.openWindow('xjls.html','xjls.html',{}) window.addEventListener('sbc',function(et){ ssE.innerHTML = et.detail.content; }) }) mui('.item').on('tap','.bzt',function(){ const zb = $(this).parents().siblings('.nm') mui.openWindow('bj.html','bj.html',{}) window.addEventListener('sb',function(et){ zb.text(et.detail.content); }) }) mui('.item1').on('tap','.scbj',function(){ mui.confirm('删除笔记','是否删除笔记',['否','是'],(e)=>{ if(e.index==1){ $(this).parent().siblings('.svc').addClass('yc') $(this).parent().addClass('yc') $(this).parent().siblings('.jdm').addClass('yc') $('.item1 .an').removeClass('yc') } },'div') }) mui('.item').on('tap','.scbj',function(){ mui.confirm('删除笔记','是否删除笔记',['否','是'],(e)=>{ if(e.index==1){ $(this).parent().siblings('.jdm').addClass('yc') $(this).parent().siblings('.svc').addClass('yc') $(this).parent().addClass('yc') $('#bl').removeClass('szb') } },'div') }) mui('#sz').on('tap','.scbj',function(){ mui.confirm('删除笔记','是否删除笔记',['否','是'],(e)=>{ if(e.index==1){ $(this).parent().siblings('.nm').addClass('yc') $(this).parent().siblings('.mv').addClass('yc') $(this).parent().addClass('yc') $('#bl').removeClass('szb') } },'div') })```为什么#bl第一次删除可以,第二次删除不会全部隐藏
03-24
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值