jquery-mobile - JQueryMobileSliderにラベルテキストを追加する方法

Question

Jquery mobileのスライダー入力にlow、middle、high、highestなどのラベルを追加したいと思います。または、この機能を備えた別のスライダーはありますか？

助けてくれてありがとう。

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