如何设置 jQuery UI 进度条

发布于 2024-12-01 04:25:20 字数 735 浏览 1 评论 0原文

我试图在页面加载图像时显示进度条（有 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() 函数吗？

原文

I'm trying to display a progress bar while the images on my page load (there are 95). I can get the progress bar to display but only in

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

Is this right?

And what is the best method for determining the % of images that are / are not loaded? I will pass this value into a function like so:

$(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
    }
});

Should I use:

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

instead of the .ready() function?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

不忘初心 2024-12-08 04:25:20

它根本不需要在任何函数中，就像这样：

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
}

It doesn't need to be in any function at all, just like this:

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
}

回复收藏 0 原文

~没有更多了~