MediaWiki: Vector.js: Unterschied zwischen den Versionen

Aus UDI
Wechseln zu: Navigation, Suche
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
Zeile 2: Zeile 2:


$(document).ready(function() {
$(document).ready(function() {
     $('.nav-tabs li').click(function() {
     $('.nav-tabs li a, .nav-tabs li span[data-target]').click(function(e) {
         var target = $(this).find('span').attr('data-target');  
        e.preventDefault(); // Verhindert das Standardverhalten
 
         var target = $(this).attr('href') || $(this).attr('data-target');  
 
         if (target) {
         if (target) {
             $('.nav-tabs li').removeClass('active'); // Alle Tabs deaktivieren
             $('.nav-tabs li a, .nav-tabs li span').removeClass('active');  
             $(this).addClass('active'); // Geklickten Tab aktivieren
             $(this).addClass('active'); // Geklicktes Element aktivieren


             $('.tab-content .tab-pane').removeClass('active');  
             $('.tab-content .tab-pane').removeClass('active');  
Zeile 14: Zeile 17:


     $('#closeActiveTab').click(function() {
     $('#closeActiveTab').click(function() {
         $('.nav-tabs li').removeClass('active');
         $('.nav-tabs li a, .nav-tabs li span').removeClass('active');
         $('.tab-content .tab-pane').removeClass('active');
         $('.tab-content .tab-pane').removeClass('active');
    });
});
$(document).ready(function() {
    $('.nav-tabs a').click(function(e) {
        e.preventDefault();
        $(this).tab('show');
     });
     });
});
});

Version vom 20. März 2025, 12:00 Uhr

/* Das folgende JavaScript wird für Benutzer der Vector-Benutzeroberfläche geladen. */

$(document).ready(function() {
    $('.nav-tabs li a, .nav-tabs li span[data-target]').click(function(e) {
        e.preventDefault(); // Verhindert das Standardverhalten

        var target = $(this).attr('href') || $(this).attr('data-target'); 

        if (target) {
            $('.nav-tabs li a, .nav-tabs li span').removeClass('active'); 
            $(this).addClass('active'); // Geklicktes Element aktivieren

            $('.tab-content .tab-pane').removeClass('active'); 
            $(target).addClass('active'); // Gewählten Inhalt anzeigen
        }
    });

    $('#closeActiveTab').click(function() {
        $('.nav-tabs li a, .nav-tabs li span').removeClass('active');
        $('.tab-content .tab-pane').removeClass('active');
    });
});