'loading' n'est pas défini

Question

J'ai ce code pour incrémenter une barre de progression de l'interface jQuery mais lorsque j'ouvre cela dans Firefox, Firebug affiche une erreur à chaque exécution de la fonction setInterval.

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

L'erreur exacte que je reçois de Firebug est:

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

Answer 1

Vous déclarez progressBar mais jamais l'utiliser. Je pense que cela est une erreur et que vous voulez déclarer loading

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

Answer 2

Essayez $('#loading').css('width', width + '%');. La var loading n'est pas définie.

Answer 3

Vous devez toujours appeler avec jQuery:

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

Vous ne réglez la charge variable. Il peut se faire de cette façon:

var loading = $('#loading');