TOMOK
TOMOK
  • 发布:2016-09-09 00:37
  • 更新:2017-04-02 12:23
  • 阅读:2312

上下拉,列表页里点击事件就失效了,代码如下

分类:MUI

INIT里的那些关掉,点击事件就有用,打开,就失效

        <script type="text/javascript" charset="utf-8">  
            mui.init({  
                swipeBack:true //启用右滑关闭功能  
//              pullRefresh: {  
//                  container: '#pullrefresh',  
//                  down: {  
//                      callback: pulldownRefresh  
//                  },  
//                  up: {  
//                      contentrefresh: '正在加载...',  
//                      callback: pullupRefresh  
//                  }  
//              }  
            });  
            mui.ready(function() {  
                //点击列表  
                mui('#hqList').on('tap', 'a', function() {  
//                  console.log('点击了:' + this.innerText);  
                    console.log(this.id)  
                    mui.openWindow({  
                        url: 'bierenGongzi-detail.html',  
                        id: 'bierenGongzi-detail',  
//                      preload: true,  
                        extras: {  
                            txt: this.innerText  
                        }  
                    });  
                });  
            }); //mui.ready end       
            mui.plusReady(function() {  
                console.log('tab-webview-subpage-chat:plusready!')  
            }); //plus ready end  
            /**  
             * 下拉刷新具体业务实现  
             */  
            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">Item ' + (i + 1) + '</a>';  
                        //下拉刷新,新纪录插到最前面;  
                        table.insertBefore(li, table.firstChild);  
                    }  
                    mui('#pullrefresh').pullRefresh().endPulldownToRefresh(); //refresh completed  
                }, 1000);  
            }; //下拉刷新 end  
            var count = 0;  
            /**  
             * 上拉加载具体业务实现  
             */  
            function pullupRefresh() {  
                setTimeout(function() {  
                    mui('#pullrefresh').pullRefresh().endPullupToRefresh((++count > 2)); //参数为true代表没有更多数据了。  
                    var table = document.body.querySelector('.mui-table-view');  
                    var cells = document.body.querySelectorAll('.mui-table-view-cell');  
                    for(var i = cells.length, len = i + 20; i < len; i++) {  
                        var li = document.createElement('li');  
                        li.className = 'mui-table-view-cell';  
                        li.innerHTML = '<a class="mui-navigate-right">Item ' + (i + 1) + '</a>';  
                        table.appendChild(li);  
                    }  
                }, 1000);  

            }; //上拉加载end  

        </script>   
2016-09-09 00:37 负责人:无 分享
已邀请:
3***@qq.com

3***@qq.com

我也是 增加上啦加载功能后点击事件失效 ,安卓只有左侧小块才能点击, IOS则没事。安卓浏览器也不行。

seagatecm

seagatecm

我这也是一样。加上上拉刷新后,在pc上的浏览器运行,列表点击的消息正常。
但是在ios上运行,只有左侧很小一块区域点击才能响应。

1***@qq.com

1***@qq.com

下拉完成后给需要点击的事情绑定tap事件,我是用的web开发,希望有帮助

seagatecm

seagatecm

感谢回答,我加上事件绑定就好了:
mui('.mui-table-view').on('tap', 'li', onli);

不过还是觉得是个bug。因为pc浏览器没有问题,ios的浏览器有问题。

Trust

Trust - 少说废话

  • lingzhouyiyu

    希望解决一下,在微信和移动端浏览器里,使用了这个组件都会点击事件失效,更新了很多版本,就是不解决这个问题,楼上说的是可以,但是一个页面有很多点击事件处理起来就非常麻烦

    2018-09-20 14:54

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