Discussion :

[artotal]

Bonjour,

je cherche a utilisé une variable

Code :

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

1
2
3
4
5
6
7
var $menu_load = $("#primary-navigation");
console.log($menu_load);
// renvoie l'objet
$("input").keyup(function() {
     console.log($menu_load) );
     // renvoie null
});

Pourquoi le deuxieme console.log me renvoie une variable null, alors qu'elle est global ?

Et comment faire pour utiliser une seule variable dans ce cas de figure ?

Merci

[SylvainPV]

Il y a un guillemet en trop, la coloration syntaxique te le met en évidence. Aussi, il manque l'accolade fermante de la fonction.

[artotal]

oui je sais, c'est juste un exemple.

[SylvainPV]

Et bien si ton exemple est faux, il y a fort à parier que ton vrai code le soit lui aussi

[Spartacusply]

Remarque au passage, pas besoin de "$" en javascript pour déclarer des noms de variable.

[artotal]

code modifier

Pour ce qui est du dollar cela juste permet d'y voir clair.

[Spartacusply]

En fait c'est tout ton keyup qui ne marche pas (si tu mets alert('a') à l'intérieur ça ne fonctionnera pas non plus), ce n'est pas un problème de variable globale ou non. Ton DOM n'a pas fini d'être chargé, ton input n'existe aps au moment où le handler est chargé, et ne peut donc s'appliquer sur cet élément.

Pour que cela fonctionne, deux méthodes :

- Mettre ton code à la fin de ta page, juste avant de la fermeture body (le navigateur interprétant la page de bas en haut, ton DOM sera ainsi interprété avant le js)
- Encapsuler ton code avec :

Code :

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

1
2
3
$(function() {
          // ....
}

qui signifie "une fois que le DOM est chargé"

[artotal]

En faite le probleme de scope ces jquery qui n'accepte pas un objet, mais pourtant une String est un objet et cela fonctionne avec un une String ?
Un exemple avec trois variables locales :
http://jsfiddle.net/fxCE9/

Sa me semble une mauvaise idee d'utiliser une global.

[Spartacusply]

Non, ma remarque tiens toujours pour ton exemple précédent, cela ne marche pas car ton DOM n'est pas chargé. L'exemple que tu cites à présent est du javacript pur, pas de manipulation de DOM, ma remarque ne s'applique pas dans ce cas là.

[artotal]

ok, merci, mais j'utilise jquery et effectivement mon code est dans
$(function () {...

});

Mon code fonctionne bien, le probleme c'est que je veux une variable dans lequel je met un objet:

Code :

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

$menu_load = $("#primary-navigation");

Et je veux l'utiliser dans des evenements, comme click, keyup, etc.

Code :

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

1
2
3
4
5
  $(".toggle").on("click", function(){
      alert($menu_load); // renvoie null
      $(this).toggleClass("expanded");
      content.slideToggle();
  });

Ce me renvoie systematiquement null !

[Spartacusply]

Tu sais que tu aurais plus vite fait de nous montrer tel quel le code que tu as écris, ça irait pas mal plus vite.

Par exemple, un code comme celui-ci chez moi fonctionne parfaitement bien (en tout cas logiquement bien...) :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<script src="https://code.jquery.com/jquery-1.11.0.min.js"></script>
<script>
    $(function() {
        var $menu_load = $("#primary-navigation");
        console.log($menu_load);
 
        $('input').keyup(function() {
            console.log($menu_load);
        });
    });
</script>
 
<form><input type='text'></form>