javascript - Android 4.0.3 上的布局损坏

Question

我使用 jQuery mobile 并动态绑定来自 PHP JSON 服务的数据，如下所示：

$.getJSON("http://www.example.com/test/test_service.php?user_id=55", function (data) {
    var n = 0;
    for (var i in data) {
        $("<img class='img'/>").attr("src", data[i].catalogue_cover).appendTo("#show-case");
        n++;
    }
    if (n > 1) {
        fadeinfadeout();
    } else if (n == 1) {
        $("<img class='img2'/>").attr("src", data[i].catalogue_cover).appendTo("#show-case");
    }
});

$.getJSON("http://www.example.com/test/test_service.php?user_id=55", function (data) {
    var output = "<span class='item'>";
    for (var i in data) {
        output += "<a href='' onClick='javascript:ShowCatalog(" + data[i].catalogue_id + ")'><img src='" + data[i].catalogue_cover + "' style='border:5px solid rgba(0,0,0,0.5);'/></a>";
    }
    output += "</span>";
    $(".group").html(output);
});

这适用于 Android 4.1 及更高版本，但在 Android 4.0.3 设备中，有时无法正确显示。我懂了：

我怀疑 jQuery mobile 1.3.0 不能很好地支持 Android 4.0.3，或者webview.loadurl.