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

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

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