JQueryUI TabControl: Leere Tabs nicht anzeigen (D7)
Eingetragen von Der Gummibär (6)am 14.08.2011 - 17:48 Uhr in
Hallo,
nachdem ich mir einen Wolf gesucht habe, und im Internet keine funktionierende Lösung gefunden habe, möchte ich meine Lösung hier mit anderen teilen:
Mein Markup:
<div id="tabs">
<ul class="ui-tabs-nav">
<li><a href="#tabs-1">Nunc tincidunt</a></li>
<li><a href="#tabs-2">Proin dolor</a></li>
<li><a href="#tabs-3">Aenean lacinia</a></li>
</ul>
<div id="tabs-1">
<p>Proin ...</p>
</div>
<div id="tabs-2">
<p>Morbi ...</p>
</div>
<div id="tabs-3">
</div>Eintrag in ThemeXYZ.info:
...
scripts[] = myjqueryui.js
...Inhalt von myjqueryui.js:
(function ($) {
Drupal.behaviors.my_jquery_ui = {
attach: function(context, settings) {
$('#tabs ul.ui-tabs-nav a').each(function(){
var id = $(this).attr('href');
var tab = $('#tabs div[id^='+id.substr(1)+']');
if( tab.html() == null ) {
$('#tabs ul.ui-tabs-nav a[href^='+id+']').remove();
} else if( !$.trim( tab.html() ).length ) {
$('#tabs ul.ui-tabs-nav a[href^='+id+']').remove();
tab.remove();
}
});
$('#tabs').tabs();
}
};
})(jQuery);- Anmelden oder Registrieren um Kommentare zu schreiben
Neue Kommentare
vor 1 Tag 6 Stunden
vor 2 Tagen 1 Stunde
vor 2 Tagen 19 Stunden
vor 1 Woche 5 Stunden
vor 1 Woche 8 Stunden
vor 1 Woche 4 Tagen
vor 1 Woche 4 Tagen
vor 1 Woche 4 Tagen
vor 4 Wochen 1 Tag
vor 4 Wochen 2 Tagen