在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存在问题。