jQuery Forum

so the only way i could get a function called when the slider is moved is by doing

$(".ui-slider").live("touchmove", function() {

this works fine, but now i either need the id of the slider that triggered this, or a way to programetically get all slider values.  i have success in calling

$(this).find('a').attr('aria-valuenow')

to get the value of the one slider, but since it is an internal jquery class (doesnt work with the range class) i cannot find anything that refrences what it is, and if it contains a reference to caller.

i also tried

alert($("#slider1").slider("value"));

but it is always undefined.

any help would be greatly appreciated


this is my whole code

<div data-role="fieldcontain" class="slider-div">
</div>
<script type="text/javascript">
for(i = 1; i <= 12; i++){
    $('.slider-div').append('<label for="slider' + i + '">Dmx Channel ' + i + ':</label><br>');
    $('.slider-div').append('<input type="range" name="slider' + i + '" id="slider' + i + '" value="0" min="0" max="255" /><br><br>');
}
</script>

$(".ui-slider").live("touchmove", function() {
xmlhttp2=new XMLHttpRequest();
xmlhttp2.open("POST","server.php?channel=1&intensity=" + $(this).find('a').attr('aria-valuenow'),true);
xmlhttp2.send();
});

i tried using doc.write but it always reset the page even if it was in the body (everything works, cept i need some refrence in bottom function, or a way to get all of the slider values