Question

我正在尝试整理一个Jquery＆amp; JQ ui滑块计算子范围，然后更新2个div和2个文本框的内容，我唯一的问题是我在滑动“滑块”时没有得到文本框中的VAR。

我希望将它返回到带有＃hidden1＆amp; 2的输入和带有＃slider-results1＆amp; 2的div，但我不知道如何用VAR A做到这一点。在幻灯片上，他需要计算，然后使用A B和C的结果更新INPUT和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
    },

   });
});

Answer 1

你有很多变量在做同样的事情，我认为这是你的困惑所在。

您真的只对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);
},

Updated Fiddle

jquery使用var的内容更改文本输入

1 个答案: