mui上拉加载会影响页面中的某些点击事件

项目是vue写的（移动端）

<div class="mui-scroll">

　　<a :href="bannerinfo.activity_url" class="icon play">

　　　　链接点击没反应（点元素的最左边才会跳转）

　　</a>

　　<a :href="‘tel:‘+item.ac_mobile">

　　　　{{item.ac_mobile}}  电话号码点击没反应（点元素的最左边才会跳转）

　　</a>

</div>应该是mui禁止了一些事件的浏览器默认行为，解决办法：阻止touchStart事件冒泡，下面是vue的写法

<a :href="bannerinfo.activity_url" class="icon play" @touchStart.stop>

</a>

原文地址：https://www.cnblogs.com/sgqwjr/p/10244179.html

时间： 2024-10-08 12:52:42

mui上拉加载会影响页面中的某些点击事件的相关文章

mui 上拉加载更多的使用

最近工作之余在用mui的框架开发,对mui了解了一些.在真正的app开发项目中,mui上拉加载模块中有两个坑,现在说一下. 1.在函数自己上拉加载行为后的回调函数该函数是必须要写的,用来写自己的逻辑需求,但是一般情况下,需要设置显示为"加载更多"还是"没有更多数据了". 看了一些博客和官方文档,基本上都把这个设置放在了定时器中在定时器中调用获取数据的方法(自己的业务需求) 2.在mui封装的上拉加载中,点击某一项会失效.这个是真的很坑.不过网上也有解决方法.就是

mui上拉加载

最近在做移动端的项目,用到了mui的上拉加载,整理如下: 1.需要引入的css.js <link rel="stylesheet" href="common/mui/css/mui.min.css"> <script src="js/jquery-3.2.0.min.js"></script> <script src="common/mui/js/mui.min.js"><

MUI - 上拉加载不执行

mui('#pullrefresh').pullRefresh().refresh(true); if($(".list-item").length == countDataSum) { mui('#pullrefresh').pullRefresh().endPullupToRefresh(true); //参数为true代表没有更多数据了. } else { mui('#pullrefresh').pullRefresh().endPullupToRefresh(false); }

MUI上拉加载下拉刷新

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,min

mui上拉加载更多的使用

demo地址我的另一博客原文链接gitHub地址 mui框架中上拉加载的坑 1.在函数自己上拉加载行为后的回调函数 2.在mui封装的上拉加载中,点击某一项会失效. 解决方法 1.该函数是必须要写的,用来写自己的逻辑需求,但是一般情况下,需要设置显示为"加载更多"还是"没有更多数据了".看了一些博客和官方文档,基本上都把这个设置放在了定时器中并在定时器中调用获取数据的方法(自己的业务需求). 2.在mui封装的上拉加载中,点击某一项会失效.这个是真的很坑.就是采用

dropload.js（上拉加载插件使用过程中遇到的坑）

dropload.js相关介绍和使用以及demo下载详见:https://github.com/ximan/dropload (原文出处) 之前因为项目需要一个上拉加载的效果,然后无意中看到了此插件,用了之后感觉挺好用的,就是坑太多,下面列出一些我在实际使用中遇到的问题. 注:如果在使用该插件的时候遇到问题,确实无法解决,也没有人能帮你解决,建议换插件或者加群,群号也在上面的链接里面. 问题1:给某个元素(比如查询按钮)加上onclick事件以后,不管点几次,加载效果也会增加几个,如下图所示解

06---数据的下拉刷新上拉加载更多实现

以我最近做的微格项目为例,谈谈关于数据的下拉刷新上拉加载更多实现页面加载数据: #pragma mark - 加载微博数据 - (void)loadStatusData { _statusesFrame = [NSMutableArray array]; // 微博管理加载 [StatusManage getStatusesWithSendSinceId:0 maxId:0 Success:^(NSArray *statues) { for (Status *s in statues) {

Android中ListView上拉加载更多及下拉刷新

做几乎每一个Android应用开发,都少不了用到一个控件,那就是ListView,用于加载多条数据,并用一定的样式展示出来.但是为了性能问题(一次性加载太多数据,比如100000条,耗费时间长,消耗资源多等)及用户体验问题(比如用户只想看最新的10条数据,结果一下子把所有的上万条数据都加载了,不方便用户选择)等原因,所以我们要把ListView的数据进行分页加载,常用的就是ListView的上拉加载更多及下拉刷新最新数据. 我们可以自己封装一个带上下拉功能的ListView,通常就是加上头部He

AngularJS进阶(三十八)上拉加载问题解决方法

AngularJS上拉加载问题解决方法项目中始终存在一个问题:当在搜索栏输入关键词后(见图1),按照既定的业务逻辑应该是服务端接收到请求后,首先返回查询的前7条数据,待客户端出现上拉加载时,继续查找另外7条数据.但实际情形是不确定的,在服务端控制台(见图2)可看到begno一直到了126,也就是相当于客户端往服务端请求了127次,这是一个令人无法忍受的结果. 图1 客户端搜索栏图2 服务端控制台可以断定是客户端的业务逻辑出现了问题.返回到客户端,查看源码逻辑,修改如下: 控制器