我正在尝试将一个Jquery和JQ ui滑块放在一起,该滑块可以计算子范围,然后更新2个div和2个文本框的内容,我唯一的问题是我在滑动"滑块"时没有在文本框中获取VAR。
我想让它返回到带有 #hidden1 和 2 的输入以及带有 #slider-results1&2 的div,但我不知道如何使用 VAR A 来做到这一点。在幻灯片上,他需要计算,然后用 A B 和 C 的结果更新输入和 DIV。
因此,如果有人可以解释什么可能起作用或我做错了什么,那可能会非常有帮助
Jsfiddle可以在这里找到,请不要更改它:http://jsfiddle.net/m5mpkang/49/
到目前为止我的代码:
$(function () {
var myslider = $('#basic').limitslider({
values: [100, 200],
min: 0,
max: 300,
step: 0.5,
showRanges: true,
left: 7,
ranges: [false, true, false],
slide: function( event, ui ) {
$( '#slider-result1' ).html( ui.values[0] );
$( '#slider-result2' ).html( ui.values[1] );
$( '#amount1' ).val( ui.values[0] );
$( '#amount2' ).val( ui.values[1] );
var z=$( '#amount1' ).val();
var y=$( '#amount2' ).val();
var x=300; // fixed @ 300, future use: <?=$php->size?>
var a=z; // subrange between the begin / selector 1
var b=y-z; // subrange between selector 1 / 2
var c=x-y; // subrange between selector 2 / MAX
$('#hidden1').html(a);
$('#hidden1').attr('value', 'a'); /// this "a" refers to VAR A and VAR A gets it from VAR Z
$('#hidden2').attr('value', ui.values[1]); /// this works due but aint the plan cause i need the calculated VARS
},
});
});
你有很多变量在做同样的事情,我认为这是你的困惑谎言。
你真的只对ui.values[0]
和ui.values[1]
感兴趣,所以先把它们放在一个变量中,然后从那里开始:
slide: function( event, ui ) {
// store the values once and use them whenever you need to
var z = ui.values[0];
var y = ui.values[1];
$('#slider-result1' ).html(z);
$('#slider-result2' ).html(y);
$('#amount1').val(z);
$('#amount2').val(y);
var x=300; // fixed @ 300, future use: <?=$php->size?>
var b=y-z; // subrange between selector 1 / 2
var c=x-y; // subrange between selector 2 / MAX
$('#hidden1').html(z);
$('#hidden1').attr('value', z); // don't put a in quotes, it's a variable
$('#hidden2').attr('value', y);
},
更新的小提琴