2012-04-15 13 views
10

Esto parece una entrada de formulario "imprescindible" para un marco de interfaz de usuario móvil, pero jQuery Mobile no parece tener uno.¿Alguien ha implementado jQuery Mobile Add (+/-) Incrementers de número de botón?

¿Alguien ha implementado un bonito número de entrada de formulario Spinner que funciona bien con las otras entradas de formulario móvil jquery?

Algo como esto:

enter image description here

+0

Estoy buscando lo mismo ... ¿Has encontrado algo así como la imagen de arriba todavía? El control de "número" JQM no es muy amistoso con los dedos de los dedos. – chris

Respuesta

10

Probablemente bien después del hecho, pero: http://dev.jtsage.com/jQM-Spinbox/ - basada más o menos en lo que muestran más arriba, respeta themeing JQM, min/max valores.

+0

¡Buen trabajo! ¿Hiciste esto recientemente? No pude encontrarlo desde tu página de inicio. –

+0

Sí, ayer mismo en realidad. Necesitaba un complemento más simple para un howto en el que estoy trabajando, esto parecía matar a dos pájaros. (http://dev.jtsage.com/jQM-Plugin/ fwiw. Todavía un poco difícil en algunos lugares) –

+0

Le pregunté en su foro, pero pensé que podría preguntar aquí para estar seguro, ¿hay alguna manera fácil de hacerlo apilar? verticalmente? –

1

No sólo la entrada de control deslizante hasta el momento.

3

No es exactamente lo mismo, pero un input con type="number" debería darle un campo de entrada con dos pequeños botones a la derecha (hasta & abajo).

Puede consultarlo here.

+0

Eso no parece funcionar en RhoMobile. – Martlark

+0

En el móvil, no te da las dos flechas. – 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); 
} 
Cuestiones relacionadas