2012-04-15 7 views
10

Questo sembra un input di tipo "must have" per un framework ui mobile, ma jQuery Mobile non sembra averne uno.Qualcuno ha implementato gli incrementi del numero di pulsanti jQuery Mobile Aggiungi (+/-)?

Qualcuno ha implementato un input di modulo Spinner con un numero di bell'aspetto che funzioni bene con gli altri input di modulo jQuery Mobile?

Qualcosa di simile a questo:

enter image description here

+0

Sto cercando lo stesso ... Hai trovato qualcosa come l'immagine sopra ancora? Il controllo del "numero" JQM non è molto facile da usare. – chris

risposta

10

probabilmente ben dopo il fatto, ma: http://dev.jtsage.com/jQM-Spinbox/ - basato più o meno su ciò che si mostra sopra, rispetta themeing jQm, valori min/max.

+0

Bel lavoro! L'hai fatto di recente? Non riuscivo a trovarlo dalla tua home page. –

+0

Sì, proprio ieri in realtà. Avevo bisogno di un plugin più semplice per un howto su cui sto lavorando, questo sembrava uccidere due uccelli. (http://dev.jtsage.com/jQM-Plugin/ fwiw. Ancora un po 'approssimativo in alcuni posti) –

+0

Ho chiesto sul tuo forum, ma ho pensato che avrei chiesto di essere sicuro, c'è un modo semplice per farlo impilare verticalmente? –

1

Non appena l'ingresso cursore finora.

3

Non è esattamente la stessa cosa ma un input con type="number" dovrebbe fornire un campo di input con due piccoli pulsanti a destra (fino & in basso).

È possibile verificarlo here.

+0

Sembra non funzionare su RhoMobile. – Martlark

+0

Sul cellulare non ti dà le due frecce. – marlar

0
<i onclick="qty('plus');" class="fa fa-plus c_pointer"></i> 
<input type="text" id="prdqty" name="qty" value="1" placeholder="1"> 
<i onclick="qty('minus');" class="fa fa-minus c_pointer"></i> 



function qty(val){ 
pqty = $('#prdqty').val(); 
if (val == "plus") { 
     var newVal = parseFloat(pqty) + 1; 
    } else { 
    if (pqty > 1) { 
     var newVal = parseFloat(pqty) - 1; 
    } else { 
     newVal = 1; 
    } 
} 
$('#prdqty').val(newVal); 
} 
Problemi correlati