Question

我的jquery函数有问题。我正在尝试使用jquery表单滑块中的变量，我有这个脚本。

$(document).ready(function () {

$("#slider-amount").slider({
  range: "min",
  value: 10,
  step: 10000,
  min: 100000,
  max: 1000000,
  slide: function( ev, ui ) {
    var amountValue = ui.value;
    $("#amount").text(ui.value);
    process(amountValue);
  }
 });

$("#slider-year").slider({
  range: "min",
  value: 10,
  step: 1,
  min: 5,
  max: 15,
  slide: function( ev, ui ) {
    var yearSlider = ui.value;
    $("#year").text( ui.value );
    process(yearSlider);
  }
});

function process(yearSlider, amountValue){
    var valueFromSlider = amountValue;
    console.log(valueFromSlider);
    if(lc_jqpost_info[valueFromSlider] !== undefined) {
     document.getElementById("vypocet_splatka").innerHTML = lc_jqpost_info[valueFromSlider];
    };
}

});

问题是在控制台工作中只有yearSlider值和第二个amountValue显示状态未定。

感谢您的帮助。

Answer 1

一种方法是从DOM访问值：

function process(){
    var yearVal = $("#year").text();
    var amountVal = $("#amount").text();
    /*rest of your code*/
}

另一种方法是从滑块中获取它：

function process(){
    var yearVal = $("#year").slider().data().uiSlider.value();
    var amountVal = $("#amount").slider().data().uiSlider.value();
    /*rest of your code*/
}

Jquery函数参数

1 个答案: