如何將標籤文本添加到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');​