“正在加载”没有定义

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

我从 Firebug 得到的确切错误是：

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

Answer 1

您声明了progressBar，但从未使用过它。
我认为这是一个错误，你想声明 loading

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

Answer 2

您仍然需要使用 jQuery 调用它：

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

您从未设置变量加载。可以这样做：

var loading = $('#loading');

Answer 3

尝试 $('#loading').css('width', width + '%');。 loading 变量未定义。