如何设置一个jQuery UI进度条

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

代替。就绪（）函数？

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 
}