jQuery：（this）ui.value解決方案

我對jquery很新，但這是個問題。從我的代碼下面我已經在一個標籤內製作了3個滑塊。當滑動條被移動以顯示滑塊的當前值（簡單的jQueryUI插件滑塊）時，三者中的每一個都有一個輸入字段。最後一行涉及另一個插件，它將所有滑塊鏈接在一起，以便它們全部增加到100個，並在其他移動時移動。jQuery：（this）ui.value解決方案

我遇到的問題是，當我滑動一個，其值改變並顯示，但其他人沒有。我可以通過一些額外的代碼行來獲取所有值，但我不知道如何獲取（this）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'});

來源

2013-02-11 Keith Enlow

此代碼：

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

將只執行一次。您需要在滑塊的值更改回調中使用該值，因此值會不斷更新。

來源

2013-02-11 23:03:16

你能舉個例子說明你的意思嗎？ Like： $（「#EmptyValue」）.val（$（「#EmptySlider」）.slider（「value」）） .change（function（）{（「#BlueValue」）.val（$（「#BlueSlider」）.slider（「value」））; $（「＃RedValue」）.val（$（「＃RedSlider」）。slider（「value」））; }）; 我真的不知道在哪裏把回調函數？謝謝 – 2013-02-12 00:47:06

你的代碼只會被執行一次。您需要更改以下行：

$（「#BlueValue」）.val（$（「#BlueSlider」）.slider（「value」））;

在任何需要的時候選擇滑塊的值時都會有所不同。

來源

2014-11-11 18:58:56

jQuery：（this）ui.value解決方案

回答

相關問題