在jQuery UI中使用Progressbar Widget的问题 [英] Problem with Progressbar Widget in jQuery UI
问题描述
我第一次调用函数LoadProgressBar(),它将显示加载过程...但是当我再次单击该按钮时,它不会显示。请帮忙,我是新来的......
< button onclick =LoadProgressBar()> BUTTON< / button>
$(函数(){
函数LoadProgressBar(){
var progressbar = $( #progressbar),
progressLabel = $(。progress-label);
progressbar.progressbar({
值:false,
更改:function(){
progressLabel.text(progressbar.progressbar(value)+%);
},
完成:function(){
progressLabel.text(Complete!);
}
});
函数进度(){
var progress_value = progressbar.progressbar(value);
progress_value = Math.floor((数学。 random()* 20)+ 1);
var val = progressbar.progressbar(value)|| 0;
progressbar.progressbar(value,val + progress_value);
if(val< 99){
setTimeout(进度,500);
}
}
setTimeout(进度,2000);
}
});
(function(){
函数LoadProgressBar(){
var progressbar =
(#progressbar),
progressLabel =
(。progress-label);
progressbar.progressbar({
value:false,
更改:function(){
progressLabel.text(progressbar.progressbar(value)+%);
},
完成:function(){
progressLabel.text(完成!);
}
});
函数进度(){
var progress_value = progressbar.progressbar( value);
progress_value = Math.floor((Math.random()* 20)+ 1);
var val = progressbar.progressbar(value)|| 0;
progressbar.progressbar(value,val + progress_value);
if(val< 99){
setTimeout(进度,500);
}
}
setTimeout(进度,2000);
}
});
For the first time that I will call the function LoadProgressBar(), it will show the loading procedure... But when I click the button again, it doesn't show up. Please help, I am new here...
<button onclick="LoadProgressBar()">BUTTON</button>
$(function(){
function LoadProgressBar() {
var progressbar = $("#progressbar"),
progressLabel = $(".progress-label");
progressbar.progressbar({
value: false,
change: function () {
progressLabel.text(progressbar.progressbar("value") + "%");
},
complete: function () {
progressLabel.text("Complete!");
}
});
function progress() {
var progress_value = progressbar.progressbar("value");
progress_value = Math.floor((Math.random() * 20) + 1);
var val = progressbar.progressbar("value") || 0;
progressbar.progressbar("value", val + progress_value);
if (val < 99) {
setTimeout(progress, 500);
}
}
setTimeout(progress, 2000);
}
});
(function(){
function LoadProgressBar() {
var progressbar =
("#progressbar"),
progressLabel =
(".progress-label");
progressbar.progressbar({
value: false,
change: function () {
progressLabel.text(progressbar.progressbar("value") + "%");
},
complete: function () {
progressLabel.text("Complete!");
}
});
function progress() {
var progress_value = progressbar.progressbar("value");
progress_value = Math.floor((Math.random() * 20) + 1);
var val = progressbar.progressbar("value") || 0;
progressbar.progressbar("value", val + progress_value);
if (val < 99) {
setTimeout(progress, 500);
}
}
setTimeout(progress, 2000);
}
});
这篇关于在jQuery UI中使用Progressbar Widget的问题的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!