mui的contentrefresh怎么显示
发布网友
发布时间：2022-04-22 06:56
共1个回答
热心网友
时间：2022-04-23 22:51
<!--下拉刷新容器-->
<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">
mui.init({
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>
