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

Question

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

我想通过以下代码写出包含值的列表：

        $.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');

在桌面浏览器上一切正常，在移动设备上我尝试捕获错误，但没有任何结果。看起来一切正常，但我只看到空白页？

Answer 1

它不起作用的原因如下：在您完成添加内容之前，列表正在刷新。根据我的经验，将所有元素添加到列表中的最佳方法是执行类似

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

这样的操作，这样您也不会在 $.each 的每次传递中调用 $ 。您现在这样做的方式在计算上是昂贵的。是的，请接受。我是新人，可以使用代表:)。谢谢。