7***@qq.com
7***@qq.com
  • 发布:2017-01-05 15:29
  • 更新:2017-01-05 15:29
  • 阅读:1495

MUI下拉刷新a链接跟点击事件在手机上失效

分类:MUI

代码如下:
<!--下拉刷新容器-->
<div id="pullrefresh" class="mui-content mui-scroll-wrapper">
<div class="mui-scroll">
<!--数据列表-->
<ul class="mui-table-view mui-table-view-chevron">

            </ul>  
        </div>  
    </div>  
    <script>  
        mui.init({  
            gestureConfig: {   
                tap: false, //默认为true   
                doubletap: true, //默认为false   
                longtap: true, //默认为false   
                swipe: true, //默认为true   
                drag: true, //默认为true   
                hold: false, //默认为false,不监听  
                release: false //默认为false,不监听  
            },  
            pullRefresh: {  
                container: '#pullrefresh',  
                down: {  
                    callback: pulldownRefresh  
                }  
            }  
        });  
        /**  
         * 下拉刷新具体业务实现  
         */  
        function pulldownRefresh() {  
            setTimeout(function() {  
                var table = document.body.querySelector('.mui-table-view');  
                var cells = document.body.querySelectorAll('.mui-table-view-cell');  
                for (var i = cells.length, len = i + 3; i < len; i++) {  
                    var li = document.createElement('li');  
                    li.className = 'mui-table-view-cell';  
                    li.innerHTML = '<a class="mui-navigate-right" href="__APP__/Home/Index/index">Item ' + (i + 1) + '</a>';  
                    //下拉刷新,新纪录插到最前面;  
                    table.insertBefore(li, table.firstChild);  
                }  
                mui('#pullrefresh').pullRefresh().endPulldownToRefresh(); //refresh completed  
            }, 1500);  
        }  
    </script>
2017-01-05 15:29 负责人:无 分享
已邀请:

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