2009-07-29 11 views
1

Im Moment benutze ichjQuery UI Tab, aber es hat einen Konflikt in Drupal Fieldset Akkordeon, so dass ich denke, mit einem leichten Javascript Registerkarte mit einem guten Design wie abgerundete Ecken, die ein Javascript-Framework unabhängig ist.Welchen leichten JS-Tab mit gutem Design verwenden Sie?

Welche javascript tabs verwenden Sie? Oder kennen Sie irgendwelche Javascript Tabs, die in Drupal funktionieren und Does das Feldset-Akkordeon nicht brechen?

Hier sind die Javascript Tabs ich bisher gefunden: - Coda-Slider - dhtmlxTabbar

Vielen Dank im Voraus.

Cheers, Mark

Antwort

0

ich die gleiche jQuery UI Tab bin mit und ist einer der besten. Vielleicht ist es eine gute Idee, das Problem zu posten und das Problem zu beheben. Es kann mit dem Plugin zusammenhängen oder nicht und es könnte auch passieren, dass das Problem nicht durch Ändern des Tab-Plugins gelöst wird.

+0

Das Problem ist, dass das Drupal Fieldset Akkordeon nicht funktioniert. Es ist mit dem jQuery UI Tab Plugin verbunden. Ich fand das: http://drupal.org/node/385762 Aber ich kann den Fehler nicht beheben. Ich habe die dort genannten Anweisungen bereits befolgt. Ich habe nur den Tabbertab verwendet, einen leichtgewichtigen JS-Tab. – marknt15

0

Ich habe jQuery UI Tabs und jQuery Tools Tabs ohne Probleme verwendet. Beide sind ziemlich leicht und sehr verwendbar.

Ich denke, wenn es mit anderen Teilen Ihrer Website interferiert, sollten Sie sicherstellen, dass die Selektoren, die Sie verwenden, spezifisch genug sind, dh geben Sie die HTML-Elemente, die Sie in Tabs eine ID und dann setzen Sie Ihre CSS und Javascript zu ändere nur diese ID.

Es könnte erwähnenswert sein, dass derzeit jQuery Tools Tabs feste Tab-Breiten verwendet und nicht beliebig lang wie jQuery UI Tabs wachsen kann.

Ich hoffe, das hilft.

+0

Ich benutze Drupal 5 und es Konflikt jQuery's UI Registerkarte Version 3. Ich weiß nicht, warum es für Sie arbeitet? Was ist die Version von Drupal und Jquery? – marknt15

0

Hoffe das hilft. Ich konnte das Fieldset-Problem mit Drupal 5 beheben, indem ich eine Variante des Patches im folgenden Link verwendete. Im Grunde genommen nach jQuery-Update installieren, musste ich /misc/collapse.js gehen und 76 ändern Zeile von:

.css({height: 'auto', display: 'inline'}); 

zu

.css({height: 'auto', display: 'none'}); 

Und das hat den Trick für mich. Hoffe es hilft dir!

Quelle: http://drupal.org/node/156221

Verwandte Themen