Añadir valores con jQuery UI Slider



   AUTOR PREGUNTA

Publicado 05 noviembre 2014 - 23:04

Estoy trabajando con jquery para lograr que cada vez que el usuario mueva el slider el mismo no solo vea que el precio este cambiando sino tambien la descripcion, en codigo lo he visualizado de la siguiente forma, aunque no se si sea lo correcto:

if 20 == producto 1 (lorem ipsum.....)
if 40 == producto 2 (lorem ipsum.....)
if 60 == producto 3(lorem ipsum.....)
if 80 == producto 4

Alguien me podria ayudar a entender como puedo lograr esto?


¿Tienes la misma pregunta? Yo también

 

Publicado 06 noviembre 2014 - 19:34

he trabajado con jquery UI y puedes hacerlo en la funcion del mismo de la siguiente forma:

slide: function( event, ui ) {
var text = "" if ((ui.value <= 80) && (ui.value > 60)) text = "text1";
else if ((ui.value <= 60) && (ui.value > 40)) text = "text2";
$( "#slider-result" ).html( ui.value + "<div>"+text+"<div>" ); },

 

Publicado 06 noviembre 2014 - 19:35

Tambien puedes usar la funcion de callback para que cambies el div de tu interes:

$( "#slider" ).slider({

change: function(event, ui) {

if($("#slider").slider("value") === "20"){

$("#description").html("producto 1") } ... } });


   AUTOR PREGUNTA

Publicado 06 noviembre 2014 - 19:47

Gracias Nieves