5***@qq.com
5***@qq.com
  • 发布:2016-10-12 10:23
  • 更新:2016-10-12 10:54
  • 阅读:1679

在页面中加入了下拉刷新长按事件就有问题,如何解决呀?

分类:MUI

在一个页面中,加入了 下拉刷新,里面的列表又加入了长按事件,但是两个效果有冲突,手指放上就会先掉下拉刷新,导致长按很多时候不执行,如何破?

2016-10-12 10:23 1 条评论 负责人:无 分享
已邀请:
5***@qq.com

5***@qq.com (作者)

<div id="slider" class="mui-slider mui-fullscreen">
<div class="mui-slider-group">
<div id="item1mobile" class="mui-slider-item mui-control-content mui-active">
<div id="scroll1" class="mui-scroll-wrapper">
<div id="bookList" class="mui-scroll">
<ul id="blist" class="mui-table-view">
<li class="mui-table-view-cell mui-media">
<a href="javascript:;">
<img class="mui-media-object mui-pull-left" src="img/68.jpg">
<div class="mui-media-body">
111
<p class="mui-ellipsis">1111</p>
</div>
</a>
</li>
<li class="mui-table-view-cell mui-media">
<a href="javascript:;">
<img class="mui-media-object mui-pull-left" src="img/21470.jpg">
<div class="mui-media-body">
222
<p class="mui-ellipsis">2222</p>
</div>
</a>
</li>
</ul>
</div>
</div>
</div>
<div id="item2mobile" class="mui-slider-item mui-control-content">
<div class="mui-scroll-wrapper">
<div class="mui-scroll">
2
</div>
</div>
</div>
<div id="item3mobile" class="mui-slider-item mui-control-content">
<div class="mui-scroll-wrapper">
<div class="mui-scroll">
3
</div>
</div>
</div>
</div>
<div id="sliderSegmentedControl" class="bai mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
<a class="mui-control-item mui-active" href="#item1mobile">1</a>
<a class="mui-control-item" href="#item2mobile">2</a>
<a class="mui-control-item" href="#item3mobile">3</a>
</div>
</div>

mui.init({  
                gestureConfig:{  
                    longtap: true //默认为false  
                }  
            });  

            (function($) {  
                mui('#scroll1').on('longtap','li',function(){  
                    alert(2);  
                });  
                //阻尼系数  
                var deceleration = mui.os.ios?0.003:0.0009;  
                $('.mui-scroll-wrapper').scroll({  
                    //bounce: false,   
                    indicators: true, //是否显示滚动条  
                    //deceleration:deceleration  
                });  
                $.ready(function() {  
                    $('#bookList').pullToRefresh({  
                        down: {  
                            callback: function() {  
                                var self = this;  
                                setTimeout(function() {  
                                    self.endPullDownToRefresh();  
                                }, 1000);  
                            }  
                        }  
                    });  
                });  
            })(mui);

该问题目前已经被锁定, 无法添加新回复