如何将标签文本添加到JQuery Mobile Slider

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');​