mobile无疑使一款非常强大的移动开发框架,但是很多方法不能用传统ajax 请求的方法去请求数据。

最后中叶找到了个解决的办法,先贴代码吧:

$(function(){
    $.mobile.showPageLoadingMsg();   
    $.ajax({
        url: "data.json",
        type: "POST",
        dataType: "script",
        success : function(data) {
            var oData = eval(data);
            var markup ='';
            $.each(oData,function(i){
                markup += "<li><a href='menuDetail.html'><img src= '"+ oData[i].url +"' width='319' height='252' style='height:auto; width: 50%'; />"+ oData[i].name+"</a></li>";
            });        
            $("#list_view").html(markup);
            $("#list_view").listview("refresh");
            $.mobile.hidePageLoadingMsg();
        },
        error : function(data, status) {
            alert("请刷新页面");
        }
    });
})

这里主要的一句是

$("#list_view").listview("refresh");

它的作用就是ajax请求过来数据进行局部刷新,否则加载过来的列表将没有效果。

相关文章:

  • 2021-05-11
  • 2021-08-03
  • 2021-10-16
  • 2022-12-23
  • 2022-12-23
  • 2021-07-29
猜你喜欢
  • 2022-01-07
  • 2021-07-06
  • 2021-06-11
  • 2021-06-26
  • 2022-12-23
  • 2021-07-26
相关资源
相似解决方案