如何用滑块拇指

时间:2017-08-09 13:32:36

标签: javascript css

enter image description here

我想制作一个这样的游侠滑块来显示滑块的当前值,但我不知道如何才能得到这个...请帮帮我

1 个答案:

答案 0 :(得分:0)

你可以试试这个

$("#slider").slider({
    ...
    slide: function(event, ui) {
        var delay = function() {
            var handleIndex = $(ui.handle).data('index.uiSliderHandle');
            var label = handleIndex == 0 ? '#min' : '#max';
            $(label).html('$' + ui.value).position({
                my: 'center top',
                at: 'center bottom',
                of: ui.handle,
                offset: "0, 10"
            });
        };

        // wait for the ui.handle to set its position
        setTimeout(delay, 5);
    }
});