手柄內的JQuery UI滑塊值

Question

我有一個jQuery滑塊，它的風格在於該值在手柄內。我有一個腳本，它在這個滑塊中選擇的日子裏工作，但我想在句柄中顯示日子。

我試過這個，但它不起作用。

$("#slider2").slider({ 
    max:30, 
    min:7, 

    slide: function(event, ui) { 

     $("#days").val(ui.value); 
     $("#date").html(addDaysToDate(parseInt($("#days sliderControl-label v-labelCurrent unit").val()))); 
       update(); 
    }, 
    create: function(event, ui) { 
     $("#date").html(addDaysToDate(parseInt($("#days sliderControl-label v-labelCurrent unit").val()))); 
    }  
}); 

這裏是Fiddle。所以在句柄中，它應該看起來像這個，計數可以達到30天。

乾杯，

約拿

Answer 1

您的代碼必須不存在的元素（ 「AMOUNT2」， 「日期」 等）的IDS引用。

而且，我想你引用了滑塊的id爲「days」，也是不存在的。

在this fiddle，我留下了一個有點工作的例子，它更新了句柄內的當前滑塊值。這只是通過給這個處理一個ID發：

<div id="slider2"><a id="days" class="ui-slider-handle"></a></div> 

和正確更新其滑塊的滑動事件中值：

$("#days").html(ui.value);