web-dev-qa-db-ja.com

値が変更されていない場合でも、jQuery UIスライダーの「変更」イベントが発生します

ユーザーがスライダーをスライドさせたときにイベントを発生させようとしていて、スライドが停止すると値が変更されます。 jQueryのドキュメントに従って、changeeventはこの場合に理想的です。だから私はこれを試しています：

<!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>

しかし、スライダーを右にドラッグしてから、もう一度ドラッグして開始点（ページ読み込み時のスライダーの初期位置）に戻すと、アラートが発生します。これはjQueryのバグですか？いいえの場合、どうすれば修正できますか？

javascriptjqueryjquery-uijquery-ui-slider
13
SexyBeast
$(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;
    });
});
17
isherwood

ちょうど試して。

$(function() {
    $("#slider").slider({
        slide: function(event, ui) {
            // use ui.value to get a number
            // do your functions
        }
    });
});
0
Haroldo Torres