2012-04-15 5 views
10

Dies scheint wie eine "Must have" Formulareingabe für ein mobiles ui-Framework, aber jQuery Mobile scheint nicht zu haben.Hat jemand implementiert jQuery Mobile Add (+/-) Button Number Incrementers?

Hat jemand eine gut aussehende Zahl Spinner Form eingegeben, die gut mit den anderen jquery mobile Formulareingaben funktioniert?

Etwas wie folgt aus:

enter image description here

+0

Ich bin auf der Suche nach dem gleichen ... Haben Sie schon etwas wie das Bild oben gefunden? Die JQM "Nummer" -Kontrolle ist nicht sehr fettfingerfreundlich. – chris

Antwort

10

Wahrscheinlich auch nach der Tat, aber: http://dev.jtsage.com/jQM-Spinbox/ - basierend ziemlich auf, was Sie oben zeigen, respektiert JQM themeing, Min-/Max-Werte.

+0

Gute Arbeit! Hast du das kürzlich gemacht? Ich konnte es von deiner Homepage nicht finden. –

+0

Ja, gerade erst gestern. Ich brauchte ein einfacheres Plugin für ein Howto, an dem ich gerade arbeite, das schien zwei Vögel zu töten. (http://dev.jtsage.com/jQM-Plugin/ fwiw. Immer noch ein wenig rauh an Orten) –

+0

Ich fragte auf Ihrem Forum, aber dachte, ich würde hier fragen, um sicher zu sein, gibt es einen einfachen Weg, um es zu stapeln vertikal? –

1

Nein, nur der Schieber Eingang so weit.

3

Es ist nicht genau das gleiche aber ein input mit type="number" sollte Ihnen ein Eingabefeld mit zwei kleinen Tasten auf der rechten Seite geben (oben & runter).

Sie können es überprüfen here.

+0

Das scheint auf RhoMobile nicht zu funktionieren. – Martlark

+0

Auf Handy gibt es nicht die beiden Pfeile. – 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); 
}