请问下我按照MUI文档说的试了下下拉刷新+AJAX,但是没有反应,是怎么回事呢,还请知道的各位大大指点下帮我看看问题出在哪里,谢谢啦!
Hello MUImui.init({
pullRefresh : {
container:"#refreshContainer",//下拉刷新容器标识,querySelector能定位的css选择器均可,比如:id、.class等
down:{
height:50, //可选,默认50.触发下拉刷新拖动距离,
auto: true, //可选,默认false.自动下拉刷新一次
contentdown : "下拉可以刷新", //可选,在下拉可刷新状态时,下拉刷新控件上显示的标题内容
contentover : "释放立即刷新", //可选,在释放可刷新状态时,下拉刷新控件上显示的标题内容
contentrefresh : "正在刷新...", //可选,正在刷新状态时,下拉刷新控件上显示的标题内容
callback :pullfresh-function //必选,刷新函数,根据具体业务来编写,比如通过ajax从服务器获取新数据;
}
}
});
function pullfresh-function() {
//业务逻辑代码,比如通过ajax从服务器获取新数据;
mui.ajax({
url: "../JSON/ceshi.json",
type: "get",
async: true,
dataType: "json",
success: function(data) {
var data = data.article;
var oBox = document.getElementById("box_json");
var content = "";
for(var i = 0 ; i < data.length; i++) {
content += '
'
'
'
'
'
'+data[i].date+'
'+'
'+data[i].text+'
'+'
'
'
'+'
}
oBox.innerHTML = content;
mui('#refreshContainer').pullRefresh().endPulldownToRefresh();
},
error: function(xhr, type, errorThrown) {
console.log(errorThrown);
}
});
//注意,加载完新数据后,必须执行如下代码,注意:若为ajax请求,则需将如下代码放置在处理完ajax响应数据之后
}