Im neuen jQuery-Handy gibt es eine neue Panel-Option. Ich habe das implementiert und es funktioniert, aber ich möchte die Breite des Panels anpassen. Die Standardbreite beträgt 272px, was ein bisschen viel für meinen Gebrauch ist. Ich habe versucht, das
zu verwenden %Vor%CSS-Selektor, aber dies ändert einfach die Größe des Panels. Das Panel selbst bleibt sichtbar und bleibt gleich breit. Mit den Inspektoren in Firefox und Chrome konnte ich nicht die richtige Div für dieses Panel finden. Könnte mir jemand helfen, einen Weg zu finden, um das Panel in der richtigen Weise zu skalieren?
Ich habe es herausgefunden! Es ist nicht so komplex, wirklich. Ich benutze nur structure.css, aber wenn Sie andere CSS-Dateien verwenden, können Sie mehr anpassen. Wie auch immer ...
Verwenden Sie Ihren Lieblings-Editor, machen Sie einen Fund & amp; Ersetzen Sie für "17em" und ersetzen Sie das durch den Wert, den Sie tatsächlich möchten. Es gibt Styling für linke Paneele und Styling für rechte Paneele. Ich würde diesen ganzen Prozess nicht überstürzen, da es hier oder dort ein unzusammenhängendes "17em" geben könnte. Es dauert nur eine Minute ...
Es ist eine einfache Antwort, aber ich bin glücklich mit mir selbst: p
Ich hatte selbst das gleiche Problem und folgte dem Rat von tylerl, 17em durch die benötigte Breite zu ersetzen. Was gut funktioniert hat, außer dass ich Google cdn benutzt habe, um css zu laden, also konnte ich es nicht direkt ändern und generell bin ich kein großer Fan davon, den Bibliothekscode zu ändern.
Also, ich habe ein wenig mit diesem Code herumgespielt, um diesen Code für die Neudefinition von css Ссылка
von jQuery Mobile zu finden >Sie können die Breite für linke und rechte Seitenleisten separat konfigurieren. Dies ist LESS-Code, aber das Ersetzen von @ left-sidebar-width und @ right-sidebar-width mit der von Ihnen benötigten Breite wird auch für plain CSS funktionieren.
Ich wollte keine Änderungen an der Bibliotheks-CSS-Datei vornehmen, also habe ich oben die Patches ausprobiert, aber keine davon funktionierte auf jquery mobile 1.4.1
Ich musste noch ein paar mehr Styling hinzufügen, damit es funktioniert.
Hier ist meine modifizierte CSS. (Ersetzen Sie 10em und 15 em durch Ihre linke und rechte Größe)
%Vor%Ich glaube, Sie haben einen Tippfehler gemacht. Probieren Sie
aus %Vor%oder wenn Sie das inline ausgeben, vielleicht
%Vor%Natürlich, so neu wie ich bin, könnte ich mich irren.
Tags und Links jquery css jquery-mobile