Question

我正在尝试在页面上的图片加载时显示进度条（有95个）。我可以显示进度条，但只能在

中显示

$(document).ready() { ... }

这是对的吗？

确定未加载图像百分比的最佳方法是什么？我将这个值传递给像这样的函数：

$(document).ready(function() {
    function updateLoaded(val) {
        $('#progressBar').progressbar({
            value: val
        });
    }
    updateLoaded(0);                                   // initial value

    $('ul#sold img').addClass('soldImg');
    var total = $('.soldImg').size();
    var complete = 0;

    $('.soldImg').load(function() {
        complete++;
        updateLoaded((complete / total) * 100);        // % done
    }
});

我应该使用：

$(function() { ... });

而不是.ready（）函数？

Answer 1

它根本不需要任何功能，就像这样：

function updateLoaded(val) {
    $('#progressBar').progressbar({
        value: val
    });
}
updateLoaded(0);                                   // initial value

$('ul#sold img').addClass('soldImg');
var total = $('.soldImg').size();
var complete = 0;

$('.soldImg').load(function() {
    complete++;
    updateLoaded((complete / total) * 100);        // % done
}

如何设置jQuery UI进度条

1 个答案: