如何將jQuery滑塊的值傳遞給onclick事件？

Question

我有一個jQuery滑塊，它具有兩個手柄，每個手柄具有不同的值，並在移動它們時更改值。我想知道的是，是否可以將這兩個句柄的值傳遞給單個onclick事件？

實施例：

<a href="#" onclick="showAvailable(slidervalue1, slidervalue2)">Submit</a> 

的slidervalue1和slidervalue2是從滑塊的值，並把在showAvalailable事件。

下面是showAvailable（）的代碼：

function showAvailable(firstValue, secondValue) 
{ 
if (window.XMLHttpRequest) 
    { 
    xmlhttp=new XMLHttpRequest(); 
    } 
else 
    { 
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
    } 
xmlhttp.onreadystatechange=function(){ 
    if (xmlhttp.readyState==4 && xmlhttp.status==200){ 
    document.getElementById("availableShown").innerHTML=xmlhttp.responseText; 
    } 
    } 
xmlhttp.open("GET","showavailable.php?startShift="+firstValue+"&endShift="+secondValue,true); 
xmlhttp.send(); 
} 

這可能嗎？如果是這樣，我該如何通過它？ 任何形式哦，幫助表示讚賞。先謝謝你。

Answer 1

通過簡單地獲取滑塊當前值：

$("#yourSliderID").slider("value"); 

http://jsbin.com/hewulaze/2/edit?js,console,output

$(function() { // DOM ready 

    // 
    var $sli1 = $('#slider1'), 
     $sli2 = $('#slider2'); 

    $sli1.slider({ 
    max: 1000, 
    value: 100, 
    slide: function(event, ui) { 
     console.log("Slider1 : "+ ui.value); 
    } 
    }); 

    $sli2.slider({ 
    max: 10000, 
    value: 5000, 
    slide: function(event, ui) { 
     console.log("Slider2 : "+ ui.value); 
    } 
    }); 


    function showAvailable(){   
    alert($sli1.slider("value")); // test current values. 
    alert($sli2.slider("value")); 
    } 

    $('#showAvail').click(showAvailable); // Call function 

}); 

現在你希望瞭解爲什麼你看到的警告框，在你的瀏覽器的值，讓我們看看如何使用這些值。

新的功能應該是這樣的：

function showAvailable(){ 

    var firstValue = $sli1.slider("value"); 
    var secondValue= $sli2.slider("value"); 

    if (window.XMLHttpRequest){ 
    xmlhttp=new XMLHttpRequest(); 
    }else{ 
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
    } 
    xmlhttp.onreadystatechange=function(){ 
    if (xmlhttp.readyState==4 && xmlhttp.status==200){ 
     document.getElementById("availableShown").innerHTML=xmlhttp.responseText; 
    } 
    }; 
    xmlhttp.open("GET","showavailable.php?startShift="+firstValue+"&endShift="+secondValue,true); 
    xmlhttp.send(); 

}