1

バックエンドの JSON データに応じてページを操作するために DOM を使用しています。たとえば、ページ上の一部のテーブルには 10 ～ 50 行のデータが含まれる場合があります。その間、ページが大きく揺れるのを見ました。ユーザーの皆さん、これに対処する良い方法はありますか？

効果をデモするコードは次のようなものです...真ん中にサイズが不明なテーブルがあります...

テスト 

window.onload = function(){
    setTimeout(createTable, 3000);
}


function createTable(){
    var table = document.createElement("table");
        for(var i = 0; i < 10; ++i){
        var tr = document.createElement("tr");
        var td = document.createElement("td");
        td.innerHTML = "row " + i;

        tr.appendChild(td);

        table.appendChild(tr);
        }

        document.getElementById("tablewrapper").appendChild(table);

}
</script>
</head>
<body>
    <div style="width:300px; background-color:blue;">
       hello
    </div>

    <div id="tablewrapper">
    </div>

    <div style="width:300px;background-color:red">
    world
    </div>

</body>

4

1 に答える 1

1

通常、その上にローディング マスクを配置して、ユーザーが揺れを確認できないようにする必要があります。

ほとんどのフレームワークには、ExtJS または jQuery のプラグインとして説明されているようなユーティリティ関数がありますが、自分で簡単に実行できます (領域またはページ全体の上にある div だけで、コードが完了したら div を非表示にします)。

于 2012-09-19T02:59:04.017 に答える