Comment stocker les variables locales en jQuery cliquez sur fonctions?

Je suis à essayer de comprendre comment stocker externe des valeurs de variables dans les fonctions créées au cours de jQuery événement click (). Voici un exemple de code, je travaille avec maintenant.

for(var i=0; i<3; i++){
    $('#tmpid'+i).click(function(){
        var gid = i;
        alert(gid);
    });
}

<div id="tmpid0">1al</div>
<div id="tmpid1">asd</div>
<div id="tmpid2">qwe</div>

Donc ce qui se passe c'est que les événements sont attacher correctement, mais la valeur de 'gid' est toujours la dernière valeur incrémentée de "je". Je ne suis pas sûr de la façon de configurer la variable privée dans cette situation.

OriginalL'auteur Geuis | 2009-09-28

  1. 23

    Vous pouvez créer une de fermeture et d'attribuer i à une variable locale de la fermeture. Le gid variable sera alors attribué la valeur de i au point que la fermeture a été créé plutôt que lorsque la fonction est exécutée.

    for(var i=0; i<3; i++){
    (function() {
        var gid = i;
        $('#tmpid'+i).click(function(){
            alert(gid);
        });
    })();
}
    Cela a fonctionné pour moi. Ses une intéressante utilisation d'une fonction anonyme.
    S'agit-il? Je suis assez nouveau dans le Javascript, mais mes scripts Greasemonkey ont tout à fait un peu de JQuery boucles et cela semblait un moyen naturel pour traiter les fonctions
    Je vous remercie. J'ai vu ce modèle avant de, première fois que j'ai couru en combien il est utile.
    Génial ! Thx a lot

    OriginalL'auteur Rich Seller

  2. 2
    for(var i=0; i<3; i++){
    $('#tmpid'+i).click((function(gid){
        return function(){
             alert(gid);
        }
    })(i));
}

    il y a beaucoup de façons de le faire, celui-ci fonctionne et semble facile.

    modifier

    d'une autre manière:

    for(var i=0; i<3; i++){
    $('#tmpid'+i).click([i],function(e){
        alert(e.data[0]);
    });

    OriginalL'auteur cloud

  3. 1

    Vous avez créé une fermeture, où la variable "i" est partagé entre plusieurs gestionnaires de clic.

    Depuis Javascript n'a pas de bloc de portée, vous aurez besoin de passer du "je" à une nouvelle fonction de sorte qu'il est copié par la valeur d'une nouvelle instance:

    function bindStuff(i) {
    $('#tmpid'+i).click(function(e){
                    var gid = i;
                    alert(gid);
            });
}

for(var i=0; i<3; i++){ bindStuff(i); }

    Voici une autre question similaire:
    JavaScript à l'intérieur fermeture à boucle – simple exemple pratique

    Pour une raison que je ne peux pas obtenir ce travail pour moi. Je reçois toujours le problème d'origine.
    OMG, j'ai vraiment mal compris Javascript portée. Il n'a pas de bloc de portée. J'ai édité ma réponse, mais vous pouvez certainement utiliser les données() la méthode - c'est une jolie manière de transmettre les données autour.

    OriginalL'auteur Jeff Meatball Yang

  4. 1

    Sinon, le premier argument de la souris (ou de liaison) pour jQuery est un objet qui sont attachées à l'événement en tant que données. 

    for(var i=0; i<3; i++){
    $('#tmpid'+i).click({gid : i}, function(e) {
        alert(e.data.gid);
    });
}

    Je trouve que c'est un peu plus lisible que la fermeture de la solution, mais il revient au goût.

    OriginalL'auteur Borden

  5. 0

    J'ai lu de retour sur jQuery natif de données (). Je l'ai fait et cela fonctionne aussi bien. Son de cacher certains de la fonctionnalité réelle de la façon dont les fermetures sont en cours de manipulation, mais sa simple et assez propre à mettre en œuvre.

    OriginalL'auteur Geuis