骑着毛驴追火箭
骑着毛驴追火箭
  • 发布:2015-11-12 16:49
  • 更新:2015-11-12 17:32
  • 阅读:5410

MUI菜单左右滑动失效,点击也失效

分类:MUI

这个是我的代码 ,左右滑动失效,并且二级菜单点了没有反应

在页面中先初始化

mui.init();

获取服务器数据后决定调用哪个页面,然后动态去预加载一个页面

function initMUI(detaileId){  
                var page = mui.preload({  
                    url:detaileId,  
                    id:detaileId,//默认使用当前页面的url作为id  
                    styles:{},//窗口参数  
                    extras:{}//自定义扩展参数  
                });  
                initContentScroll(detaileId);  
            }

获取服务器列表数据并拼到内容区,然后初始化二级菜单和列表上拉刷新

function  initContentScroll(detaileId){  
    (function($) {  
        //阻尼系数  
        var deceleration = mui.os.ios?0.003:0.0009;  
        $('.mui-scroll-wrapper').scroll({  
            bounce: false,  
            indicators: true, //是否显示滚动条  
            deceleration:deceleration  
        });           
        getList(0,null);  //获取服务器数据,把数据拼到内容区  
$.ready(function() {  
            //循环初始化所有下拉刷新,上拉加载。  
    $.each(document.querySelectorAll('.mui-slider-group .mui-scroll'), function(index, pullRefreshEl) {  
            $(pullRefreshEl).pullToRefresh({  
                up: {  
                    callback: function() {  
                        var self = this;  
                        setTimeout(function() {  
                            if(endPageArr[index]){  
                                self.endPullUpToRefresh(true);  
                                    return;  
                                 }  
                                 getList(index,self);  
                        }, 1000);  
                    }  
                    }  
                });  
    });  
    var itemShow = [];  
    document.querySelector('.mui-slider').addEventListener('slide', function(event) {  
        var index = event.detail.slideNumber ;  
        alert(index);  
         if(itemShow[index]==undefined)itemShow[index]=false;  
             if (index== index&&!itemShow[index]) {  
                 //切换到第二个选项卡  
                //根据具体业务,动态获得第二个选项卡内容;  
                 getList(index,null);  
                 //改变标志位,下次直接显示  
                itemShow[index] = true;  
             }   
        });  
        itemClick(detaileId);  
    });  
})(mui);  

}  
2015-11-12 16:49 负责人:无 分享
已邀请:
骑着毛驴追火箭

骑着毛驴追火箭 (作者)

解决了,新问题产生

var itemShow = [true];  
                        document.querySelector('.mui-slider').addEventListener('slide', function(event) {  
                          var index = event.detail.slideNumber ;  
                          if(itemShow[index]==undefined)itemShow[index]=false;  
                          if (index== index&&!itemShow[index]) {  
                            //切换到第二个选项卡  
                            //根据具体业务,动态获得第二个选项卡内容;  
                            getList(index,null);  
                            //改变标志位,下次直接显示  
                            itemShow[index] = true;  
                          }   
                        });

MUI.js报错

骑着毛驴追火箭

骑着毛驴追火箭 (作者)

mui(".mui-slider").slider(); 这个可以解决远程获取数据后,滑动的问题

骑着毛驴追火箭

骑着毛驴追火箭 (作者)

产生的原因,因mui一进入便获取了 pages,还没有等到我把html页面拼接完成,所以就会有这个错误 ,不知道如何解决,有没有出现的

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