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 回答