mui的contentrefresh怎么显示

<!--下拉刷新容器-->

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

<div class="mui-scroll">

<!--数据列表-->

<ul class="mui-table-view mui-table-view-chevron">

<li onclick="alert(1111)">bbb</li>

<li onclick="alert(1111)">bbb</li>

<li onclick="alert(1111)">bbb</li>

<li onclick="alert(1111)">bbb</li>

</ul>

</div>

</div>

<script type="text/javascript">

muiinit({

gestureConfig: {

tap: true, //默认为true

doubletap: true, //默认为false

longtap: true, //默认为false

swipe: true, //默认为true

drag: true, //默认为true

hold: false, //默认为false，不监听

release: false //默认为false，不监听

},

pullRefresh: {

container: "#refreshContainer", //下拉刷新容器标识，querySelector能定位的css选择器均可，比如：id、class等

down: {

contentdown: "下拉可以刷新", //可选，在下拉可刷新状态时，下拉刷新控件上显示的标题内容

contentover: "释放立即刷新", //可选，在释放可刷新状态时，下拉刷新控件上显示的标题内容

contentrefresh: "正在刷新", //可选，正在刷新状态时，下拉刷新控件上显示的标题内容

callback: function() { //必选，刷新函数，根据具体业务来编写，比如通过ajax从服务器获取新数据；

}

}

}

});

</script>

在项目开发中遇到这样的功能，要求实现列表页动态加载功能，在实现过程中遇到一些小小插曲，下面小编给大家详细说明下解决方法：

首次加载时可以获取成功，再次加载失败，通过chrome调试发现img

的

data-lazyload

属性没改变

调试的时候发现了bug

$fnimageLazyload

=

function(options)

{

var

lazyloadApis

=

[];

thiseach(function()

{

var

self

=

this;

var

lazyloadApi

=

null;

if

(self

===

document

||

self

===

window)

{

self

=

documentbody;

}

//对，bug就在这，判定时如果body已有该属性，就不在加载了，整体的代码没看明白，注释太少了啊

var

id

=

selfgetAttribute('data-imageLazyload');

if

(!id)

{

id

=

++$uuid;

$data[id]

=

lazyloadApi

=

new

ImageLazyload(self,

options);

selfsetAttribute('data-imageLazyload',

id);

}

else

{

lazyloadApi

=

$data[id];

}

lazyloadApispush(lazyloadApi);

});

return

lazyloadApislength

===

1

lazyloadApis[0]

:

lazyloadApis;

}

问题找到了，那么就在再次加载数据时，清除该属性就ok了

documentbodyremoveAttribute('data-imagelazyload');

mui(document)imageLazyload({

placeholder:

'//images/img_head3png'

});

以上所述是小编给大家介绍的MUI

解决动态列表页懒加载再次加载不成功的bug问题，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

以上就是关于mui的contentrefresh怎么显示全部的内容，包括:mui的contentrefresh怎么显示、MUI 解决动态列表页图片懒加载再次加载不成功的bug问题、等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！