mui中一次点击触发两次事件的问题解决

在用mui的时候,项目写完后出现了点击一次触发两次的时间,刚开始以为是部分手机问题,在网上搜索也有说这个问题的,说部分安卓手机出现这种情况;但是我这每个手机都会发生,于是我仔细检查,发现引入了两次js,我注释掉一个后,没有这种问题了
在这里插入图片描述

已标记关键词 清除标记
代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <title></title> <script src="js/mui.min.js"></script> <link href="css/mui.min.css" rel="stylesheet" /> <style> </style> <script type="text/javascript" charset="utf-8"> </script> </head> <body> <!-- 主界面不动、菜单移动 --> <!-- 侧滑导航根容器 --> <div class="mui-off-canvas-wrap mui-draggable mui-slide-in"> <!-- 菜单容器 --> <aside class="mui-off-canvas-left" id="offCanvasSide"> <div class="mui-scroll-wrapper"> <div class="mui-scroll"> <!-- 菜单具体展示内容 --> <ul class="mui-table-view mui-table-view-chevron mui-table-view-inverted"> <li class="mui-table-view-cell" style="background-color: deepskyblue;font-size: 25px;"> <strong>菜单导航</strong> </li> </ul> <ul class="mui-table-view mui-table-view-chevron mui-table-view-inverted"> <li class="mui-table-view-cell" style="background-color: orange;"> <a class="mui-navigate-right"> 首页 </a> </li> <li class="mui-table-view-cell"> <a class="mui-navigate-right"> 网站导航 </a> </li> <li class="mui-table-view-cell"> <a class="mui-navigate-right"> 博客文章 </a> </li> <li class="mui-table-view-cell"> <a class="mui-navigate-right"> 视频教程 </a> </li> <li class="mui-table-view-cell"> <a class="mui-navigate-right"> 关于作者 </a> </li> <li class="mui-table-view-cell"> <a class="mui-navigate-right"> 留言板 </a> </li> </ul> </div> </div> </aside> <!-- 主页面容器 --> <div class="mui-inner-wrap"> <!-- 主页面标题 --> <header class="mui-bar mui-bar-nav"> <a class="mui-icon mui-action-menu mui-icon-bars mui-pull-left" href="#offCanvasSide"></a> <h1 class="mui-title">萧潇墨个人网站</h1> </header> <div class="mui-content mui-scroll-wrapper"> <div class="mui-scroll"> <!-- 主界面具体展示内容 --> <!--顶部div--> <div id="sliderSegmentedControl" class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted"> <div class="mui-scroll"> <a class="mui-control-item mui-active" href="#item1mobile" data-wid="tab-top-subpage-1.html"> 推荐 </a> <a class="mui-control-item test"> 热点 </a> <a class="mui-control-item" href="#item3mobile" data-wid="tab-top-subpage-3.html"> 北京 </a> <a class="mui-control-item" href="#item4mobile" data-wid="tab-top-subpage-4.html"> 社会 </a> <a class="mui-control-item" href="#item5mobile" data-wid="tab-top-subpage-5.html"> 娱乐 </a> </div> </div> <div class="content" id="item1mobile"> 推荐 </div> <div class="content" id="item2mobile"> 热点 </div> </div> </div> <div class="mui-off-canvas-backdrop"></div> </div> </div> <script> mui(".mui-scroll").on("tap", ".test", function() { console.log("执行了") var va = this.innerText alert(va) }); </script> </body> </html> 但是每次执行都是打印两次 求解
©️2020 CSDN 皮肤主题: 书香水墨 设计师:CSDN官方博客 返回首页