Wie verwende ich jQuery UI Tabs in einer Wordpress Seite Wordpress Entwicklung Stapel von Exchange

Zurück ◈ Weiter

Ich möchte jQuery UI Tabs in meinem Wordpress 3.1.4 Seiten verwenden. Ich schreibe Programmierung Tutorials für ein VB .NET Publikum, aber ich mag auch C # Quelle zu schaffen, und ich möchte die Registerkarten verwenden die Leser zwischen den beiden wechseln zu lassen. Ich könnte wahrscheinlich meine eigene gegebene Zeit machen, aber dies sollte ein „lernen Dinge über jQuery“ Projekt. Es erweist sich mehr von einem „WTF Wordpress“ Projekt. Ich bin kaum funktionell in JS und versucht, das zu korrigieren. Ich bin kein WP-Guru, und kümmern sich nicht um mehr zu erfahren, als ich noch wissen müssen.

Ich habe eine Seite bekommt, die nichts anderes als eine Kopieren / Einfügen der jQuery UI Tabs Demo ist. Es funktioniert nicht; die Liste und alle divs sind sichtbar und es gibt keine tatsächlichen Registerkarten. Ich weiß, das ist, weil ich einige CSS benötigen, aber das ist, wo ich erschöpft habe. Ich bin nicht sicher, mit der CSS wird es nicht mehr funktioniert, und ich weiß nicht einmal wissen, wie zu sagen, ob es die CSS ist, meine JS oder mein WP das ist das Problem. Bis ich dieses Projekt mein Blog gestartet „funktionierte“ und das ist, wie ich meine nicht-Arbeit Dinge mögen.

Ich fügte hinzu, die bereit () -Aufruf, weil ich neugierig war, ob vielleicht der Code von der Demo nicht ausgeführt wurde. Ich habe auch versucht, diese Variante des Codes ohne Freude:

Was vermisse ich?

Als Schnelltest, bewarb ich mich nur die „Base“ Thema hier, um Ihren Code. (Hinweis auf der Seitenleiste unter Ressourcen verwalten, gibt es einen Link zu einem Google gehostet jqueryui.css-Datei).

jQuery UI hat eine Menge vorgefertigter Themen, die Sie verwenden können. (Siehe "Galerie" tab). Oder Sie können Ihre eigene Rolle! Ziemlich flexibel.

Um meine Antwort ein wenig zu verlängern. Ich werde aus zwei Gründen mit Googles CDN anstelle der integrierten in jQuery-Dateien empfehlen.

  1. Sie werden neuere Versionen erhalten
  2. Es wird schneller

Aber Ihre Forschung ist richtig. Sie wollen nicht einfach den jQuery CDN Verweis in dem Header enthalten, denn dann ist Wordpress nicht wissen, dass Sie es bereits enthalten! (Und Sie werden Konflikte mit anderen Plugins erhalten, die jQuery benötigen). Eine einfache Lösung ist der folgende Code-Snippet in functions.php-Datei hinzuzufügen:

Dieser Code weist im Grunde Wordpress eine eigene Version von jQuery zu ignorieren, verwenden Sie die Referenz, die Sie hier haben, und es dann Schlange! (Nun, wenn ein anderes Plugin „Anfragen“ jQuery über die Wordpress-API, wird es wissen, dass es bereits zu gehen geladen und bereit).

Ich persönlich keine Sorge darüber mit jQuery UI zu tun. Ich habe noch ein Plugin zu verwenden, die es speziell will auf eigenem bis Warteschlange. Also in meinem header.php habe eingeschlossen ich es nur ich, zusammen mit einem Thema, das Ich mag:

Viel Glück mit Ihrem Projekt!

Ja! Das ist es! Das einzige, was eine Minute dauerte Recht bekommen musste ich das, um sicherzustellen, und