0

オンラインストアのページをコーディングしているため、かなりの数の画像 (各製品のサムネイルとフルサイズ) があります。すべてのページ リソース (画像とフォント) にプリローダーを使用していますが、jquery ajax リクエストを実行するたびに、すべてが再度読み込まれます。リソースをウィンドウに追加しようとしましたが、これは解決しませんでした。これが私のコードです：

$.getJSON(ajax,{type:t,group:g},function(data){
    var h = '';
    for(var d in data){
        h += '<div class="product" name="'+data[d].name+'" desc="'+data[d].desc+'" photo="'+data[d].photo+'" parent="'+data[d].id+'">';
        h += '<img src="'+data[d].thumb+'"/><span>'+data[d].name+'</span>';
        h += '</div>';
    }
    $('#product_list').html(h);
 });
var load = ['http://mysite/img/background.jpg',
        'http://mysite/img/header.jpg',
        'http://mysite/img/logo.png',
        'http://mysite/css/tipografia/hotel_coral.ttf',
        'http://mysite/css/tipografia/BEBAS.ttf'];
$(document).ready(function(){

    loadAll(load);
}

function loadAll(a) {
    while (a.length > 0) {
    var item = a.shift();
    $.preload(item);
    }
}

*編集* loadall 関数を呼び出すコードを追加しました。

リクエストの ネットワーク アクティビティの写真へのリンクは次のとおりです。

そしてプリ ローダーdreamerslabへのリンク

どんな助けでも大歓迎です

4

1 に答える 1

0

問題は解決しましたか? すべてを取得してパフォーマンスのために非表示にするのではなく、ajax を使用してリストを作成することをお勧めします。

于 2013-07-21T08:36:42.230 に答える