Question

这似乎是一个简单的问题，但我一直在这里碰壁。

我要做的就是使用jQuery UI将两个值一起添加到来自两个不同滑块的一个值中。这是我目前的代码：

如果可以这样做，他们在文档中不是很清楚。我已经尝试了他们的方法，仍然无法让它做我想要的。

我做错了什么？

<script>
$(function() {      

 $("#slider1").slider({
min: 0,
max: 100,
slide: function(event, ui) {
    $('#slider1').slider("option", "value", ui.value);
    var amountOne = $('#amount').val(ui.value);
  }
     });

 $("#slider2").slider({
min: 0,
max: 100,
slide: function(event, ui) {
    $('#slider2').slider("option", "value", ui.value);
    var amountTwo = $('#amount2').val(ui.value);

 }
  });


    });


</script>

这是我的HTML

 <div id="slider1" style="width:100px"></div>
 <div id="slider2" style="width:100px"></div>

 <input id="amount" />
 <input id="amount2" />
 <input id="amount3" />

我只想将金额和金额2加在一起以赚取金额3。看起来很容易，但它一直给我带来麻烦。

Answer 1

您可以使用以下代码获取滑块值，并根据需要使用它们。

var amountOne = $('#slider1').slider("option", "value");
var amountTwo = $('#slider1').slider("option", "value");

Answer 2

查看http://jsfiddle.net/ZM59a/2/ - 应该这样做。我刚创建了一个更新函数，无论何时移动滑块，都会调用它。希望它有所帮助。

（PS真的很痛苦，应用jQuery UI并不会自动包含CSS ......我必须在http://jqueryui.com/themeroller/检查源代码并从那里添加链接。但最后到达那里：））

jQuery UI Sliders - 将不同滑块中的值一起添加到一个值中

2 个答案: