jQuery qu'est-ce que le 'ui' dans l'exemple suivant?

Question

commentaire de chrisrbailey sur cette question:

jQuery UI slider - can't slide to 0

m'a aidé à résoudre ce même problème exact que je faisais avec un curseur. Je voudrais étendre cet exemple à une autre question. Quelqu'un pourrait-il me aider à comprendre la différence entre ces deux exemples:

$("#slider1").slider({ 
    slide: function(event,ui){$('#field1').val(ui.value)} 
}); 

$("#slider1").slider({ 
    slide: function(event,ui){$('#field1').val($(this).slider("value"))} 
}); 

Comme la question ci-dessus/réponse indique, ui.value et $ (this) .slider (« valeur ») sont en fait des choses différentes attrapait. Je ne suis pas habitué à l'ui.value et je me demandais si quelqu'un avait une bonne explication/lien vers un tutoriel qui parle plus de l'utilisation des éléments 'event, ui' dans jQuery.

Answer 1

La documentation de jquery-ui vous indique quels paramètres sont transmis aux fonctions de rappel. Malheureusement, la documentation n'est pas toujours géniale pour décrire le type de données que ces paramètres ont. Si vous jetez un oeil à http://jqueryui.com/demos/slider/, onglet Événements, développez pour afficher des informations sur l'événement Diapositive.

Cet événement est déclenché à chaque déplacement de la souris pendant la diapositive. Utilisez ui.value (curseurs à une seule manipulation) pour obtenir la valeur du handle courant, $ (..). Slider ('value', index) pour obtenir une autre valeur de handles.

Renvoie la valeur false afin d'empêcher une diapositive, en fonction de la valeur ui.

Answer 2

Avez-vous vérifié le documentation?

J'ai mis en place un demo qui écrit la propriété de chaque objet à l'écran, de sorte que vous pouvez voir ce que chacun contient. Il est intéressant de noter que ui.value et $ (this) .slider ("value") retournent des valeurs différentes (0 et 1, respectivement) quand on commence à faire glisser le curseur (un incrément de curseur conduit aux valeurs 1 et 0, respectivement) . À partir de ce moment, ils semblent également être à côté d'un (c'est sur Firefox 3.5.3 pour moi).