Calcular con valores de jquery ui

charliedj7 · #1 (**permalink**) 28/01/2014, 10:33

Hola,
estoy utilizando las librerias de jQuery UI para calcular unos valores obtenidos mediante deslizadores.
Consigo que se muestren los deslizadores y sus valores seleccionados.
Pero no consigo setear los valores en variables para realizar calculos con ellos y mostrarlos en pantalla.

Este es el codigo:

Código:

<script>
	$(function() {
		$("#slider").slider(
{
            value:1,
            min: 1,
            max: 20,
            step: 1,
            slide: function( event, ui ) {
                $( "#slider-value" ).html( ui.value );		
			}
}
);

$( "#slider-value" ).html(  $('#slider').slider('value') );
var des1 = $('#slider').slider('value');
	});
	
	
	
	//funcion dos slider
	$(function() {	
		$("#slider2").slider(
{
            value:1,
            min: 1,
            max: 90,
            step: 1,
            slide: function( event, ui ) {
                $( "#slider-value2" ).html( ui.value );		
			}
}
);

$( "#slider-value2" ).html(  $('#slider2').slider('value') );
var des2 = $('#slider2').slider('value');
	});
	
//imprimir	
$(function() {	
	$("#resultado").html(des1+des2);	
});
	</script>

y este es el html para mostralo:

Código HTML:

<body>


<!-- Slider -->
<!--1-->
<div id="slider"></div>
<p>capital :  <span id="slider-value"></span></p>


<!--2-->
<div id="slider2"></div>
<p>capital :  <span id="slider-value2"></span></p>

Res:
<div id="resultado"></div>