Question

我创建了多个jquery ui滑块，只有一个公共类。我正在调用幻灯片事件来更改幻灯片中的文本。它在第一个工作正常，但由于类似的类没有在其他工作。

为了更好地理解 fiddle demo

我使用的jquery ui代码：

$(".measSlider").slider({
    orientation: "horizontal",
    range: "min",
    min: 1000,
    max: 30000,
    value: 10000,
    slide: function( event, ui ) {
        $('.measSlider span').html("$ " + $( ".measSlider" ).slider( "values", 0 ));
    }
});
$('.measSlider span').html("$ " + $( ".measSlider" ).slider( "values", 0 ));

Answer 1

您正在使用类选择器，这会影响所有类您必须使用通过滑动更改的相同类，因此请使用

$（本）而不是函数中的类选择器

使用以下代码

$(".measSlider").slider({
    orientation: "horizontal",
    range: "min",
    min: 1000,
    max: 30000,
    value: 10000,
    slide: function( event, ui ) {
        $(this).children('span')
        .html("$ " + $( this).slider( "values", 0 ));
    }
});
$('.measSlider span').html("$ " + $( ".measSlider" ).slider("values",0));

jQuery ui使用公共类

1 个答案: