12 Stimmen

Wie wendet man ein CSS-Thema nur auf ein bestimmtes jQuery-UI-Element an?

Ich habe bereits eine Website mit meinem eigenen CSS-Thema erstellt. Ich verwende jQuery UI "Tabs" Widget aber keine CSS von jQuery-UI.

Jetzt versuche ich, das "Date Picker"-Widget in eine meiner Seiten einzufügen. Es wäre toll, wenn ich jQuery-UI Standard-Thema, das gerade gut ist wiederverwenden könnte.

Das Problem ist, dass das Datumspicker-Thema auch auf meine Registerkarten-CSS angewendet wird. Zum Beispiel ist die "ui-widget" CSS-Eigenschaften auf beide Datum Picker und Registerkarten Elemente angewendet.

Ich kann nicht scheinen, um einen Weg, um die CSS-Eigenschaften nur das Datum Picker anwenden zu finden. Ich kann nicht sehen, eine "Super-Selektor", die nur auf das Datum Picker DIV gilt.

Wie kann man das am besten handhaben?


[EDIT] Die datepicker Widget ist das eigentliche Problem. Ich kann keinen spezifischen CSS-Stil auf es anwenden. Hier ist der Start-Code des DIV, die Pop-ups erhalten:

<div style="position: absolute; top: 300.4px; left: 149px; display: block;" id="ui-datepicker-div" class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all ui-helper-hidden-accessible"><div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-all">

Daher kann ich keinen Super-Selektor hinzufügen. Was wäre toll wäre, dass das Datum Picker Widget unterstützt CSS-Anwendungsbereich . Aber das tut es nicht. Ich bin stecken manuell Bearbeiten der jQuery-CSS-Datei.

Der Date Picker wird derzeit umstrukturiert . Hoffentlich wird der neue Code dieses Problem lösen.

1voto

Glenn Lawrence Punkte 2644

Einfaches Hinzufügen einer CSS-Klasse zum Datumspicker-Div funktionierte bei mir nicht, ich musste ein anderes Div um es herum erstellen, so:

$("#ui-datepicker-div").wrap('<div class="CSS-Scope-Class" />');

0voto

Doc Kodam Punkte 664

Das funktioniert bei mir

$("#ui-datepicker-div").wrap("<div class='Your-CSS-Scope-Class'></div>");

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

X