JQUERYMOBILE页面显示在桌面上，但不显示在移动设备上

Question

我在移动设备上显示动态内容时遇到问题。

我想WriteOut的名单与价值观，通过这个代码：

 $.each(mapdata, function(index, value){ 
      //alert(index + ': ' + value.jmeno+value.lat+value.lng); 
      //document.write(value.jmeno); 

      //GET CURRENT GPS COORDS 
      //onLoad(); 
      //GET CURRENT GPS COORDS 
      try { 
        //alert("SUCCESS"); 
       $("ul").append("<li><img width=\"80px\" src=\"http://static.akcniceny.cz/" + value.img + "\"/><h3><a href=\"" + value.jmeno + "\">" + value.jmeno + "</a></h3><p>" + value.akcnicena + " Kč</p><p>" + value.pjmeno + "</p><div class=\"shop-distance\"></div><div id=\"lat\">" + value.lat + "</div><div id=\"lng\">" + value.lng + "</div></li>"); 
      } 

      catch (err) { 
       alert("ERROR BY WRITEOUT"); 
      } 
     }); 
     $('ul').listview('refresh'); 

在桌面浏览器一切正常，在移动设备上我tryied catch错误，但一无所获。看起来，一切正常，但我只看到空白页？

Answer 1

它不起作用的原因如下：在完成添加内容之前，列表正在刷新。做一个列表中的所有元素的最好方法，在我的经验是这样做

var appendString; 
$.each(data, function(index, value) {appendString = appendString + whatever}); 
$("ul").append(appendString); 
$("ul").listview('refresh'); 

这样，你也没有调用您的$。每次的每一个传球$。你现在这样做的方式在计算上很昂贵。是的，请接受。我是新来的，可以使用rep :)。谢谢。