javascript - jQuery UI Slider をクリック可能にし、ドラッグ可能にしない

Question

jQuery UI 1.10.3 を使用しています。スライダー ウィジェットのインスタンスをドラッグ不可にしようとしています。ユーザーがスライダーに沿ってのみ値をクリックできるようにしたい。

スライダーの開始方法を試してみましたが、うまくいきeventDefaultませんでした (スライダーが反応しません)。 http://jsfiddle.net/3hTUz/

Answer 1

$("#slider").slider({
            value:100,
            min: 0,
            max: 500,
            step: 50
}).on({
    slide: function(e,ui) {
        $(this).data('v', ui.value);
        e.preventDefault();
    },
    mousedown: function() {
        var that = this;
        setTimeout(function() {
            var v = $(that).data('v');
            $(that).slider('value', v);
        },2);
    }
});

$( "#slider-value" ).html(  $('#slider').slider('value') );

フィドル