'loading'

Question

我有这段代码来增加一个jQuery UI进度条，但是当我在Firefox中打开它时，每次setInterval函数运行时，Firebug都会显示一个错误。

// show progress on progressbar 
$(function() { 
    $("#loading").progressbar({ 
     value: 0 
    }); 
}); 

//increment progressbar 
var progressBar = $('#loading'), 
    width = loading.width(); 

var interval = setInterval(function() { 

width += 1; 

loading.css('width', width + '%'); 

if (width >= 100) { 
     clearInterval(interval); 
     loadContent(); 
    } 
}, 75); 

确切的错误，我从萤火虫得到的是：

loading is not defined 
width = loading.width(); 

Answer 1

你声明progressBar但从来没有使用它。 我认为这是一个错误，你要声明loading

//increment progressbar 
var loading = $('#loading'), 
width = loading.width(); 

Answer 2

尝试$('#loading').css('width', width + '%');。 loading var没有定义。

Answer 3

你仍然需要用jQuery调用它：

$('#loading').width(); 

你永远不设置可变载荷。它可以这样做：

var loading = $('#loading');