jQuery Problem mit der Ausrichtung mobiler Schaltflächen

7

Ich versuche meine Hand bei jQuery Mobile und ich finde es ein wenig verwirrend, weil es ein mark-up-getriebenes Framework ist.

Ich habe eine Testseite erstellt, in der ich nur versuche, einen Knopf nach rechts auszurichten, aber das kann ich nicht. Ich habe float: right ausprobiert, aber es funktioniert nicht. Obwohl margin-left funktioniert, indem ein bestimmter Prozentsatz angegeben wird, funktioniert das Gleiche nicht, wenn ich die Größe der Seite ändere.

Hier ist mein Geigencode . Jede Hilfe wäre großartig.

%Vor%     
karthick 27.03.2013, 09:26
quelle

4 Antworten

13

Warum platzieren Sie Ihren Knopf nicht innerhalb eines div und richten Sie das div aus? alles innerhalb des Elternteils einschließlich der Schaltfläche wird rechtsbündig sein.

%Vor%

Schau dir die Geige Ссылка

an     
Jay Mayu 27.03.2013, 09:30
quelle
5

Verwenden Sie ui-btn-right . Es ist einfacher, weniger wortreich und (ich denke) die jQuery Art, Dinge zu tun.

%Vor%     
NuclearPeon 29.08.2014 17:54
quelle
4

Die vorherige Antwort ist korrekt, aber Sie sollten stattdessen CSS-Stile verwenden (aling="" ist veraltet)

%Vor%     
NiloVelez 15.10.2013 11:15
quelle
2

Sie können Probleme bekommen, wenn Sie mehrere Tasten möchten ...

Versuchen Sie:

%Vor%

Wenn Sie mehrere Tasten haben möchten (links und rechts ausgerichtet).

Wenn Sie Folgendes verwenden:

%Vor%

Das Div startet einen neuen Block unterhalb der vorhandenen Schaltflächen, so dass Sie keine anderen Symbole auf der linken Seite haben können.

class ui-btn-icon-left|right lässt Sie die Buttons left | right ausrichten, aber ich habe festgestellt, dass die Verwendung von zwei Buttons mit ui-btn-icon-right sie überlappen wird.

Die unten stehende Vorlage funktionierte für mich für zwei linksbündige Schaltflächen und zwei rechts in einer Fußzeile:

%Vor%

    
pelms 03.02.2016 17:33
quelle