兩個帶工具提示的jquery-ui滑塊具有相同的值？

Question

我想有兩個的jQuery UI的滑塊，其中我用下面的代碼爲模板

http://jsfiddle.net/9qwmX/2/

當我添加第二個滑塊，無論提示的值是最近的滑塊價值，並沒有他們獨特的滑塊。該代碼定義了var toolip然後將其反映到所有的滑塊和不只是滑塊實現

      var initialValue1 = 2012; // initial slider value 
        var sliderTooltip1 = function (event, ui) { 
         $('#amount1').val(ui.value); 
         var curValue1 = ui.value || initialValue1; 
         var tooltip = '<div class="tooltip"><div class="tooltip-inner">' + curValue1 + '</div><div class="tooltip-arrow"></div></div>'; 
         $('.ui-slider-handle').html(tooltip); //attach tooltip to the slider handle 
        } 


        $('#slider1').slider({ 
         value: 100, 
         min: 0, 
         max: 500, 
         step: 1, 
         create: sliderTooltip1, 
         slide: sliderTooltip1 
        }); 
        $('#amount1').val($('#slider1').slider('value')); 

        $('#amount1').change(function() { 
         var value = this.value; 
         //   var value = this.value.substring(1); 
         console.log(value); 
         $("#slider1").slider("value", parseInt(value)); 
        }); 

音符這是一個簡單的滑塊不是一個範圍滑塊。

如何獲取工具提示值以獲得其不同的正確值。任何幫助，將不勝感激。

THKS 肯

Answer 1

，因爲你是針對類的.ui滑塊手柄的所有元素，您應該指定目標：

http://jsfiddle.net/9qwmX/494/

var sliderTooltip = function(event, ui) { 
    var curValue = ui.value || initialValue; 
    var target = ui.handle || $('.ui-slider-handle');          
    var tooltip = '<div class="tooltip"><div class="tooltip-inner">' + curValue + '</div><div class="tooltip-arrow"></div></div>'; 
    $(target).html(tooltip); 
}