在nouisliders函數之外的Gettin值

Question

我在獲取函數外的兩個noUiSliders值時遇到了麻煩。

這裏是jsbin文件： http://jsbin.com/havabemugi/edit?css,js,console,output

我可以做兩個值的的console.log在這兩種功能，但是當我試圖訪問這些外部錯誤occures。

我需要將它們存儲在兩個不同的變量中，並且可以全局訪問它們。

Answer 1

只需創建一個全局變量併爲其分配一個值即可。然後您可以在任何地方引用該全局變量。我創建了一個新賓縣，我滑塊1的值保存到一個全局變量，然後輸出時slider2移動是看重：http://jsbin.com/guvogocusi/1/edit?js,console,output

而這裏的代碼：

var rangeSlider1 = document.getElementById('rangeslider1'); 
var rangeSlider2 = document.getElementById('rangeslider2'); 
var slider1Val; 

noUiSlider.create(rangeSlider1, { 
    start: 5, 
    step: 1, 
    connect: 'lower', 
    range: { 
    min: 0, 
    max: 80 
    } 
}); 

noUiSlider.create(rangeSlider2, { 
    start: 5, 
    step: 1, 
    connect: 'lower', 
    range: { 
    min: 0, 
    max: 80 
    } 
}); 

function getValue1(values, handle, unencoded, tap) { 
    console.log("value of slider1: " + unencoded); 
    slider1Val = unencoded; 
} 

function getValue2(values, handle, unencoded, tap) { 
    console.log(slider1Val); 
} 

rangeSlider1.noUiSlider.on('update', getValue1); 
rangeSlider2.noUiSlider.on('update', getValue2);