Impostazione del valore iniziale del cursore dell'interfaccia utente Jquery da un input

Question

Sto cercando di generalizzare un codice di scorrimento in modo che funzioni con alcune combinazioni di input + slider.

Ho praticamente tutto funzionante: far scorrere il cursore, aggiornare il valore di input o inserire un numero nell'input, il cursore si sposta nella posizione corretta.

Tuttavia, ho difficoltà ad inizializzare i cursori dai valori predefiniti degli ingressi. Ecco ciò che il mio codice è simile:

Javascript

$(".slider").slider({ 
     min: 0, 
     max: 5, 
     value: $(this).parent().find(".inputNumber").val(), 
     step: 0.25, 
     slide: function (event, ui) { 
      $(this).parent().find(".inputNumber").val(ui.value); 
     } 
    }); 

HTML

<div class="inputWrap hidden"> 
    <input class="mini inputNumber" type="text" value="0.5"> 
    <div class="slider"></div> 
    </div> 

Answer 1

questo funziona per me (con qualsiasi numero di cursori):

$(".slider").slider({ 
    min: 0, 
    max: 5, 
    step: 0.25, 
    slide: function (event, ui) { 
     $(this).parent().find(".inputNumber").val(ui.value); 
    }, 
    create: function(event, ui){ 
     $(this).slider('value',$(this).parent().find(".inputNumber").val()); 
    } 
}); 

Demo: http://jsfiddle.net/darkajax/uv5aC/

Answer 2

questo sembra funzionare

$(".slider").each(function(){ 
    $(this).slider({ 
    min: 0, 
    max: 5, 
    step: 0.25, 
    slide: function (event, ui) { 
     $(this).parent().find(".inputNumber").val(ui.value); 
    } 
}).slider("option", "value", $(this).parent().find(".inputNumber").val()); 
}); 

FIDDLE