jQuery Mobile: Anzahl input-und plus - /minus-Tasten-inline
Gibt es eine Möglichkeit, eine Reihe Eingang mit dem minus-button auf der linken Seite und der plus-Taste auf der rechten Seite? Oder vielleicht auch -- ++ ändern Sie den Wert in größeren Schritten.
Ich weiß, dass ich bin nicht der erste der diese Frage aber:
Diese Lösung wird nicht richtig angezeigt in der ersten Kurve und jQuery-Mobile-Stepper-Widget von Github (nicht post einen anderen link, weil ich neu bin) funktioniert nicht mit der aktuellen version von jQuery Mobile.
Das Ergebnis sollte Aussehen wie in der Abbildung in dieser Frage: Hat jemand implementiert jQuery Mobile "Hinzufügen" ( + /- ) Taste die Anzahl Incrementers? jeweils horizontal gruppierte Schaltflächen in jQuery Mobile
Irgendwelche Ideen, oder neue Ausschnitte, arbeiten mit der aktuellen version von jQuery mobile?
- Haben Sie versucht, irgendetwas?
- Sieht aus wie die CSS ist versaut bis auf spinbox - die Tasten funktionieren noch, Sie sind einfach an der falschen Stelle. arbeiten auf es.
- CSS aktualisiert. Fwiw, spinbox ist Teil einer größeren (auch nicht in der Nähe abgeschlossen) Projekt soll ein how-to für das schreiben von jQM plugins - es ist nicht wirklich ausgereift, aber ich Tat update genug, um es auch wieder nach rechts.
- Danke! Aber auf Firefox (Desktop) die Ausrichtung der buttons mit dem input-lag nicht pixel-perfekt. Ich hatte, um ein padding-top und padding-bottom: padding-top:7.5 px; padding-bottom:9.5 px oder 0,45 em und 0.6 em habe ich dies in Zeile 42 der jqm-spinbox.js
w.d.input.css({'width':'40px','padding-top':'0.45em', 'padding-bottom':'0.6em'});
Auf dem Android Simulator die plus-und minus-buttons werden gar nicht angezeigt. Warum das? - Hier sind mehrere +/- Anzahl Spinner.
Du musst angemeldet sein, um einen Kommentar abzugeben.
Hier ist ein Tipp, der rest ist rein CSS job und extra JS - codes zur Steuerung der Wert, z.B. maximum, minimum,...usw..
HTML
Code
JSFiddle
In jQM die input type Anzahl hat die meisten von der Magie, die Sie wollen
Benötigen Sie mehr Lust auf styling, die Sie haben zu Folgen, Omar code