下拉刷新不显示等待文字

分类：MUI

下拉刷新不显示等待文字：PC浏览器打开正常，但是手机端却没有。检查后发现手机上运行时，没有进到下面的_initPocket方法中，但是为什么PC和手机端会表现不一致。不知道该如何解决，请高人指点。

_init: function() {
this._super();
alert("pocket---in");
this._initPocket();
alert("pocket---out");
},
.......
_initPocket: function() {
var options = this.options;
if (options.down && options.down.hasOwnProperty('callback')) {
alert("-----1-----");
this.topPocket = this.scroller.querySelector('.' + CLASS_PULL_TOP_POCKET);
if (!this.topPocket) {
this.topPocket = this._createPocket(CLASS_PULL_TOP_POCKET, options.down, CLASS_LOADING_DOWN);
this.wrapper.insertBefore(this.topPocket, this.wrapper.firstChild);
}
this.topLoading = this.topPocket.querySelector('.' + CLASS_PULL_LOADING);
this.topCaption = this.topPocket.querySelector('.' + CLASS_PULL_CAPTION);
console.log("-----2-----");
console.log(mui(".mui-pull-top-pocket")[0]);
}
if (options.up && options.up.hasOwnProperty('callback')) {
console.log("-----1-up-----");
this.bottomPocket = this.scroller.querySelector('.' + CLASS_PULL_BOTTOM_POCKET);
if (!this.bottomPocket) {
this.bottomPocket = this._createPocket(CLASS_PULL_BOTTOM_POCKET, options.up, CLASS_LOADING);
this.scroller.appendChild(this.bottomPocket);
}
this.bottomLoading = this.bottomPocket.querySelector('.' + CLASS_PULL_LOADING);
this.bottomCaption = this.bottomPocket.querySelector('.' + CLASS_PULL_CAPTION);
//TODO only for h5
this.wrapper.addEventListener('scrollbottom', this);
}
},

</ul> </div> </div> <script src="../js/mui.js "></script>  <script src="../js/ipConfigAndUtil.js"></script>  <script src="../dist/newsList.bundle.js "></script> </body>

f***@163.com (作者)

alert(mui(".mui-pull-top-pocket")[0]);跳出undefined,在_initPocke内插入测试的alert手机上也没有弹框，PC浏览器倒是正常的。

2016-10-18 14:44
fountainhead

回复 f***@163.com:页面结构是单页的还是用的有子页面。

2016-10-18 14:47
f***@163.com (作者)

回复 fountainhead:有下拉刷新的是index.hml的一个子页面。

2016-10-18 14:50
fountainhead

有代码不

2016-10-18 15:04
f***@163.com (作者)

回复 fountainhead:有的，评论发你？要不加下QQ（329564402）传你，麻烦您帮我看看？

2016-10-18 15:10
fountainhead

fountianheadchen@gmail.com

2016-10-18 15:16
f***@163.com (作者)

------------index.js代码：---------------------------------

....省略....

mui.init({

preloadPages:[

{

url:'login.html',

id:'login'

},

{

url:'setting.html',

id:'setting'

}

]

});

var token = '',

subpages = ['news_list.html', 'weather.html', 'monitor.html', 'alarmIndex.html'],

subpage_style = {

top: '50px',

bottom: '51px'

},

aniShow = {};

....省略....

-----------------newslist.js子页面代码-----------------------

mui.init({

gestureConfig:{

tap:true //默认为true 点击事件

},

pullRefresh:{

container:'#pullrefresh',

down:{

auto: true,

contentrefresh:'正在刷新...',

callback:listUtil.pulldownRefresh

},

up:{

contentrefresh:'正在加载...',

contentnomore:"没有更多数据了",

callback:listUtil.pullupRefresh

}

},

preloadPages:[{

url:'news_page.html',

id:'newsPage'

}]

});

....省略....

-----------------------news_list.html页面结构-------------------

<body>



<a name="gototop"></a>

<div id="pullrefresh" class="mui-content mui-scroll-wrapper" ">

<div class="mui-scroll ">

<div id="slider " class="mui-slider ">

<div class="mui-slider-group ">

<div class="mui-slider-item ">

<a href="# ">

<img src="../images/bhebanner.png ">

</a>

</div>

</div>

</div>

<ul class="mui-table-view news-ul ">
```
            </ul>  

        </div>  

    </div>  

    <script src="../js/mui.js "></script>  

      

    <script src="../js/ipConfigAndUtil.js"></script>  

      

    <script src="../dist/newsList.bundle.js "></script>  

    </body>
```
2016-10-18 15:19

下拉刷新不显示等待文字

7 个回复

公告

相关问题

下拉刷新不显示等待文字

与内容相关的链接

7 个回复

公告

相关问题