1

多くの jQuery 要素 (大きな jquery ファイル) を含むページがあり、これに関する問題は、標準の HTML 要素 (チェックボックス、ラジオボタン、および選択ボックス/ドロップダウン) を置き換えるスタイル付き要素が、ページの読み込み時に数ミリ秒間標準の外観を示すことです。

これらの要素の交換をより速く表示する方法はありますか?

要素スクリプトは ready() を使用し、head に配置されます。最適な解決策は、変更された要素が標準要素の代わりに直接ロードされる場合です（しかし、それは機能しないと思います）。

要素のスタイルを設定するために使用するプラグインは次のとおりです。

jq変換

選択する

回答ありがとうございます。

4

2 に答える 2

2

display: noneページの読み込み時に標準要素をスタイルとしてshow()使用し、スタイル設定後にJQueryを使用する要素のみを使用できます。

補足： jqTransformはプラグインとしてサポートされなくなりました。

于 2013-01-20T10:04:20.530 に答える
2

ページ読み込み時の数ミリ秒の標準的な外観を示しています

display:noneプラグインによって要素のスタイルが設定されるまで（を介して）ページ全体を非表示にすることで、これを防ぐことができます。

<head>
    …
    <style …&gt;
    <script src="plugins…" …&gt;
    <script>
    (function() {
        var hide = $('<style type="text/css">body { display: none; }</style>');
        $("head").append(hide);

        $(document).ready(function(){
             …
             // apply your plugins
             …
             hide.remove();
        });
    })();
</head>
于 2013-01-20T10:05:58.750 に答える