Définir une variable globale dans le curseur jquery-ui?

Question

Je veux que le pour empêcher l'animation du curseur pendant l'actualisation de la page, mais l'autoriser pendant le fonctionnement de mon programme.

Je suis presque:

// Initialise var animate as false 
var animate = false; 

// Jquery UI 
function slider(min, max, step) { 
         $(target_slider).slider({ 
          min: min, 
          max: max, 
          range: "min", 
          step: step, 
// var animate set to false on load, so no animation from this guy: 
          animate: animate, 
// var animate now set to true to allow animation every time slider is changed from now on: 
          var animate = true; 
          slide: function (event, ui) { 
           console.log("slider is moving!"); 
           }; 
          }, 
         }); 
        } 

// Initialise slider 
slider(0, 200, 0.01); 

Cependant, le code sur la ligne 13 qui tourne Animer var true est considéré et syntaxiquement incorrect par l'interface utilisateur jquery, alors comment puis-je changer la variable « Animer »?

Je suis encore un peu fragile avec la portée de javascript. Si l'interface utilisateur de jquery acceptait mon changement de variable, ma logique fonctionnerait-elle? Je suppose que ce serait parce que var animate est d'abord déclaré dans la portée mondiale, mais s'il vous plaît corrigez-moi si je me trompe!

Answer 1

vous voulez changer la valeur de animate après l'initialisation du curseur:

... 
slider(0, 200, 0.01); 
animate = true; 
... 

En outre, après une variable est définie, vous n'avez pas besoin d'utiliser le mot-clé var pour y accéder. Après avoir consulté la documentation de l'API, vous pouvez utiliser la méthode setter pour définir la propriété animate après l'initialisation. Essayez ceci:

function slider(min, max, step) { 
    $(target_slider).slider({ 
     min: min, 
     max: max, 
     range: "min", 
     step: step, 
     animate: false, 
     slide: function (event, ui) { 
      console.log("slider is moving!"); 
     } 
    }); 
} 

// Initialise slider 
slider(0, 200, 0.01); 
$(target_slider).slider('option', 'animate', 'fast');