javascript - Android 4.0.3 でレイアウトが崩れる

Question

jQuery モバイルを使用し、次のように 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.