'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');