Как настроить индикатор выполнения jQuery UI - PullRequest
Новая
       36

Как настроить индикатор выполнения jQuery UI

0 голосов
/ 23 августа 2011

Я пытаюсь отобразить индикатор выполнения, пока загружаются изображения на моей странице (их 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 ()?

1 Ответ

0 голосов
/ 24 августа 2011

Он вообще не должен быть в какой-либо функции, просто так: 

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
}
...