JQuery индикатор выполнения UI, не показывающий вплоть до страницы, загружается полностью
Я загружаю динамическое приложение (который занимает 20-30 секунд), и я пытаюсь создать динамический индикатор выполнения, который показывает пользователю, сколько из задачи было завершено динамично, поскольку страница загружается.
Я выполняю это путем установки буфера на ложь и вывода моего сценария строка JavaScript, в то время как это прогрессирует, который вызывает функцию для постепенного увеличения полосы прокрутки:
function progress(percent)
{
$(function() {
$("#progressbar").progressbar({value: Math.round((percent*100))});
});
}
Это называет s простой вызов функции, любят прогресс (15) сгенерированный моей страницей и отправленный в реальном времени в браузер. Простая панель, которую я сделал с CSS, работала отлично, но теперь, когда я пытаюсь использовать jQuery, кажется, что мой индикатор выполнения увеличивается правильно, но это победило; t обнаруживаются на странице, пока страница не сделана, загрузившись, или кнопка "остановки" нажимается. Какие-либо идеи, почему это?
2 ответа
вы используете сокращенный эквивалент нотации 'document.ready' $ (function () {}); который срабатывает только после загрузки dom
, если ваша функция не была обернута этим, у вас все будет установлено
т.е.
выполнение функции (в процентах)
{
$ ("# progressbar"). progressbar ({value: Math.round ((проценты * 100))});
}
Включаете ли вы его в обратный вызов $ (document) .ready (? Если да, то проблема именно в этом. $ (document) .ready won не запускается, пока DOM не будет загружен.
Также может быть, что если страница загружается, на ней еще не запущен JS, или #progressbar не был найден в DOM. Это может быть связано с тем, что вы вызываете функцию до того, как записан div #progressbar .
Правильно :
<div id="progressbar"></div>
<script type="text/javascript">/* Function call */</script>
Неправильно :
<script type="text/javascript">/* Function call */</script>
<div id="progressbar"></div>
I рекомендую создать шаблон страницы (верхние и нижние колонтитулы и т. д., все, что не требует большой обработки на стороне сервера), а затем добавить индикатор выполнения, прикрепленный к $. load AJAX звоните.