jquery change text input с содержимым var

Question

Я пытаюсь собрать JQuery & JQ ui слайдер, который вычисляет поддиапазоны и после этого обновляет содержимое 2 divs и 2 текстовых поля, моя единственная проблема в том, что я не получить VAR в текстовом поле, пока я скользя «слайдер».

Я хочу, чтобы он вернулся к входам # hidden1 & 2 и дивы с # слайдера-results1 & 2, но я не знаю, HOWTO сделать это с помощью ВДП А, например. На слайде ему нужно рассчитать, а затем обновить ВХОДА и DIV с результатами AB и C.

Так что, если кто-нибудь может объяснить, что, возможно, могли бы работать или что-то им делать неправильно, это может быть очень полезным

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