Question

我对jquery很新，但这是个问题。从我下面的代码中，我在标签中分别制作了3个滑块。三个中的每一个都有一个输入字段，当移动滑块以显示滑块的当前值（简单的jQueryUI插件滑块）时，该字段会被更改。最后一行涉及另一个插件，它将所有滑块链接在一起，这样它们总共可以增加100个并在其他滑块移动时移动。

我遇到的问题是，当我滑动一个时，它的值会改变并显示，但其他人则不会。我可以通过一些额外的代码行来改变所有的值，但是我不知道如何得到（这个）ui.value以便我可以为每个滑块显示单独的值。

你可以在第三个滑块中看到我试图让它做到这一点，但是它的设置方式只需要移动当前滑块的相同ui.value。

当我需要更改它时，任何人都可以帮助我获得其他滑块的ui.value解决方案吗？

($(function() {
    $( "#RedSlider" ).slider({
        orientation: "horizontal",
        range: "min",
        min: 0,
        max: 100,
        value: 1,
        animate: true,
        slide: function( event, ui ) {
        $( "#RedValue" ).val( ui.value );}
    });
    $( "#RedValue" ).val( $( "#RedSlider" ).slider( "value" ) );
});

$(function() {
    $( "#BlueSlider" ).slider({
        orientation: "horizontal",
        range: "min",
        min: 0,
        max: 100,
        value: 1,
        animate: true,
        slide: function( event, ui ) {
        $( "#BlueValue" ).val( ui.value );}
    });
    $( "#BlueValue" ).val( $( "#BlueSlider" ).slider( "value" ) );
});

$(function() 
{
    $( "#EmptySlider" ).slider({
        orientation: "horizontal",
        range: "min",
        min: 0,
        max: 100,
        value: 98,
        animate: true,
        slide: function( event, ui ) 
        {
            $( "#EmptyValue" ).val( ui.value );
                            $( "#RedValue").val(ui.value);
                            $( "#BlueValue").val(ui.value);
        }
    });
    $( "#EmptyValue" ).val( $( "#EmptySlider" ).slider( "value" ) );
            $( "#RedValue").val($("RedSlider)").slider("value"));
            $( "#BlueValue").val($("RedSlider)").slider("value"));
});*/

$('div:gt(2)').slider().linkedSliders({policy: 'last'});

Answer 1

您的代码只会执行一次。您需要更改以下行：

$（＆＃34; #BlueValue＆＃34;）。val（$（＆＃34; #BlueSlider＆＃34;）.slider（＆＃34; value＆＃34;））;

在您需要的任何时间选择滑块的值时，要有所不同。

Answer 2

此代码：

$( "#BlueValue" ).val( $( "#BlueSlider" ).slider( "value" ) );

只会执行一次。您需要在滑块的值更改回调中使用它，因此该值将不断更新。

jQuery :(这）ui.value解决方案

2 个答案: