jQuery UI slider "modifier" l'événement se déclenche même quand la valeur n'a pas changé

Je suis en train de déclencher un événement lorsqu'un utilisateur glisse le curseur et la valeur est modifiée lorsque le toit s'arrête. Comme par le jQuery de docs, changeévénement serait l'idéal pour ce cas. Je suis donc essayez ceci:

<!doctype html>
    <html lang="en">
        <head>
            <meta charset="utf-8" />
            <title>jQuery UI Slider - Default functionality</title>
            <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />
            <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
            <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
            <link rel="stylesheet" href="/resources/demos/style.css" />
            <script>
                $(function() {
                    $( "#slider" ).slider({
                        change:function() { alert("foo"); }
                    });
                });
            </script>
        </head>
        <body>
            <div id="slider"></div>
        </body>
    </html>

Cependant, j'ai remarqué que lorsque je fais glisser le curseur vers la droite et, de nouveau, faites-le glisser vers le point de départ (la position initiale du curseur au chargement de la page), l'alerte encore des feux. Est-ce un bug jQuery? Si non, comment puis-je résoudre ce problème?

Fonctionne comme prévu. Modifier l'événement se déclenche lorsqu'curseur change de valeur, de sorte que lorsque vous l'avez déplacé la première fois la valeur du curseur a changé à nouveau de la valeur, de sorte que lorsque vous le déplacez à l'arrière, la valeur a changé de nouveau.
Non, ce que je veux dire est ceci: faites-le glisser vers la droite, sans relâcher le ramener à la position initiale (0). Alors maintenant, l'événement est terminé, et vous êtes à la valeur où vous avez été quand le glisser-initié. Alors comment se fait-c'est un change événement?
Modifier() déclenche probablement hors de curseur de position du panneau, pas de curseur ID.
Bien sûr, il peut être fait en appuyant sur la valeur lorsque le curseur commence par le start de l'événement, puis de comparer la valeur finale quand il s'arrête..
Les docs sont un peu ambigu sur ce point. Ils disent que le changement est "Déclenché lorsque l'utilisateur glisse une poignée, si la valeur a changé; ou si la valeur est modifiée par programmation via la méthode de la valeur." Est-ce à dire qu'il est 1) déclenché lorsque l'utilisateur glisse de la poignée, 2) si la valeur a changé, ou 3) la valeur est modifiée par programmation, OU faut-il dire qu'il est déclenché 1) après que l'utilisateur glisse de la poignée et de la nouvelle valeur != l'ancienne valeur ou 2) la valeur est modifiée programmitically? Personnellement, je suis d'accord avec vous et qu'il semble comme un bug.

OriginalL'auteur SexyBeast | 2013-03-19

$(function() {
    $("#slider").slider();

    var startPos = $("#slider").slider("value");, 
        endPos = '';

    $("#slider").on("slidestop", function(event, ui) {
        endPos = ui.value;

        if (startPos != endPos) {
            //do stuff
        }

        startPos = endPos;
    });
});

OriginalL'auteur isherwood

0

Juste essayer.
```
$(function() {
    $("#slider").slider({
        slide: function(event, ui) {
            //use ui.value to get a number
            //do your functions
        }
    });
});
```
Comment est-ce détecter un changement dans la valeur?
Oui, comment, en effet? Je ne veux pas déclencher une fonction tout en glissant, je veux ceci: pour déclencher l'événement lorsque l'utilisateur a cessé de glisser à la valeur en cours est différent de celui où il a commencé..

OriginalL'auteur Haroldo Torres

Vous devez vous connecter pour publier un commentaire.