Discussion :

[Alex101283]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

[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 :

Sélectionner tout - Visualiser dans une fenêtre à part

"use strict";

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

[Alex101283]

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

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...