jquery-mobile - 如何将标签文本添加到 JQuery 移动滑块

Question

我想在 Jquery mobile 上的滑块输入中添加低、中、高、最高等标签。或者是否有另一个具有此功能的滑块？

谢谢您的帮助。

Answer 1

我认为这里的示例可以帮助您：

http://jsfiddle.net/cUNyr/1/

$.fn.extend({
    sliderLabels: function(left,right) {
        var $this = $(this); 
        var $sliderdiv= $this.next("div.ui-slider[role='application']");
        $sliderdiv
        .css({'font-weight': 'normal'}); 
        $sliderdiv
        .prepend('<span class="ui-slider-inner-label"  style="position: absolute; left:0px; top:20px;">'+left+ '</span>')
        .append('<span class="ui-slider-inner-label" style="position: absolute; right:0px; top:20px;">'+right+ '</span>');         
    }
});

$('#slider').sliderLabels('LEFT','RIGHT');​