两个带有工具提示的jquery ui滑块是否具有相同的值？

我希望有两个jQueryUI滑块，我使用下面的代码作为模板

当我添加第二个滑块时，两个工具提示的值都是最近的滑块值，而不是它们的不同滑块。该代码定义了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));
                    });

var initialValue1=2012；//初始滑块值
var sliderTooltip1=函数（事件，用户界面）{
$（'#amount1'）.val（ui.value）；
var curValue1=ui.value | | initialValue1；
变量工具提示=''+曲线值1+''；
$（'.ui滑块句柄'）.html（工具提示）；//将工具提示附加到滑块句柄
}
$（'#slider1'）。滑块({
数值：100，
分:0,，
最高：500，
步骤：1，
创建：sliderTooltip1，
幻灯片：幻灯片工具P1
});
$（'#amount1'）.val（$（'#slider1'）.slider（'value'））；
$（'#amount1'）。更改（函数（）{
var值=此值；
//var value=此.value.substring（1）；
console.log（值）；
$（“#slider1”）.slider（“value”，parseInt（value））；
});

注意，这是一个简单的滑块，不是范围滑块

如何使工具提示值具有不同的正确值。任何帮助都将不胜感激

thks

---

ken

您应该指定目标，因为您的目标是类的所有元素。ui滑块句柄：

var sliderTooltip=函数（事件，用户界面）{
var curValue=ui.value | | initialValue；
var target=ui.handle | |$（'.ui滑块句柄'）；
变量工具提示=''+曲线值+''；
$（目标）.html（工具提示）；
}

您应该指定目标，因为您的目标是类的所有元素。ui滑块句柄：

var sliderTooltip=函数（事件，用户界面）{
var curValue=ui.value | | initialValue；
var target=ui.handle | |$（'.ui滑块句柄'）；
变量工具提示=''+曲线值+''；
$（目标）.html（工具提示）；
}

能否提供一个JSFIDLE来显示您的问题。如果有人能提供帮助，我们将不胜感激。你能提供一个JSFIDEL来说明你的问题吗。如果有人能帮忙，我们将不胜感激。

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);
}