Comprendre le code jquery d'ajout d'onglet

Version imprimable

Bonjour,

Je suis entrain d’apprendre le jquery et je dois implémenter la fonction ci-dessous. Est ce que vous pouvez commenter le code pour m’expliquer les actions réalisées ? Notamment les lignes 3 à 8 svp ? Pour le reste je comprends plus ou moins...

http://snippi.com/s/8aiouxq#

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
gperk.addTab = function(elem, id, label) {
 
    var tabClass = id == '#gws_form_tab' ? 'gwp_form_tab' : 'gwp_field_tab';
 
    var tabClass    = id.replace( '#', '' ),
        altTabClass = tabClass.replace( 'gws', 'gwp' ),
        tabClass    = tabClass != altTabClass ? tabClass + ' ' + altTabClass : tabClass;
 
 
    // destory tabs already initialized
    elem.tabs( 'destroy' );
 
    // add new tab
    elem.find( 'ul' ).eq(0).append( '<li style="width:100px; padding:0px;" class="' + tabClass + '"> \
        <a href="' + id + '">' + label + '</a> \
        </li>' )
 
    // add new tab content
    elem.append( jQuery( id ) );
 
    // re-init tabs
    elem.tabs({
        beforeActivate: function(event, ui) {
            switch( jQuery( ui.newPanel ).prop( 'id' ) ) {
            case 'gws_form_tab':
                jQuery(document).trigger( 'gwsFormTabSelected', [ form ] );
                break;
            case 'gws_field_tab':
                jQuery(document).trigger( 'gwsFieldTabSelected', [ field ] );
                break;
            };
        }
    });
 
}

Merci pour votre aide.

27/07/2019, 11h36
Invité

Bonjour,

1- à priori, la ligne 3 ne sert à rien, puisque tabClass est redéfini ligne 5 (ce qui devrait générer une erreur *).

2- ligne 3 et 8 : on a des conditions ternaires.

* Ajoute au tout début :

Code:

"use strict";

N.B. Je ne vois pas bien en quoi cette fonction va t'apprendre quoi que ce soit sur le jQuery... :koi:
27/07/2019, 13h35
Alex101283

Citation:

Envoyé par jreaux62

N.B. Je ne vois pas bien en quoi cette fonction va t'apprendre quoi que ce soit sur le jQuery... :koi:

Bonjour,

Merci je vais réviser les conditions ternaires.
Concernant cette fonction: j’ai besoin d’ajouter un onglet spécifique parmi les onglets d’option du module gravity form pour WordPress. J’ai demandé conseil au concepteur du module qui m’a envoyé cette fonction pour ajouter un onglet dans le module.
J’en suis au stade où j’essaye de la comprendre...