problème jquery ajouter des événements sur la charge

Question

Je vais avoir un problème pour obtenir un « changement » événement pour enregistrer avec le code suivant

var map = function(){ 

    function addMapTriggers(){ 
    $("#map_form select").change(getDataWithinBounds); 
    } 

return{ 
    init: function(){ 
    getDataWithinBounds(); 
    addMapTriggers(); 
    } 
}; 
}(); 

et dans un jquery document.ready

$(function(){ 
    map.init(); 
}); 

Je obtenir mes données initiales, puis chaque fois que je change l'un des choix, je reçois à nouveau les données cartographiques (getDataWithinBounds envoie un appel ajax). Le problème est, cela ne fonctionne pas, l'événement de changement n'est jamais ajouté.

Cependant, si, dans la console, je tape map.init(); ça marche. C'est bizarre, je ne comprends pas comment il y a une différence? Qu'est-ce que j'oublie ici? Je suis en train de tester ceci sur safari ET firefox avec le même comportement

Answer 1

Je suis tellement gêné en ce moment et je présente mes excuses pour perdre du temps de tout le monde. Bien sûr, le code ci-dessus fonctionne, ce qui est différent de ce que je fais est que mon site utilise le plugin jquery selectbox, qui styles les sélections en créant un UL avec des événements click pour agir comme un select (pas mon choix, croyez-moi) Malheureusement, j'appelais init avant en appliquant le code selectbox, qui lui-même modifie la liaison des sélections. En premier lieu, l'appel selectbox, puis l'appel à map.init() le résolvent complètement.

Beaucoup d'excuses et merci beaucoup (SolutionYogi en particulier) de prendre le temps de m'aider.

Answer 2

Pourquoi ne pas aimer ça?

function map(){ 
return { 
    me = this, 
    addMapTriggers: function(){ 
    $("#map_form select").change(getDataWithinBounds); 
    }, 
    init: function(){ 
    getDataWithinBounds(); 
    me.addMapTriggers(); 
    } 
}; 
}(); 

Answer 3

L'identifiant 'map_form' de votre sélection est-il? Si oui, alors vous devriez faire

$("#map_form").change(getDataWithinBounds); 

« #map_form sélectionnez » va essayer de brancher l'événement de changement à tous les select qui sont présents dans l'élément spécifié par #map_form.

EDIT:

Remarqué une chose, map.init n'existe pas vraiment.

Dans votre code, map est une fonction nommée qui est exécutée immédiatement et qui retourne un objet qui a la méthode init. Cela ne signifie pas que var 'map' a la méthode init.

Vous voulez essayer quelque chose comme ça,

var map = function() 
{ 

    function addMapTriggers() 
    { 
     $("#map_form select").change(getDataWithinBounds); 
    } 

    return { 
     init: function() 
       { 
        getDataWithinBounds(); 
       addMapTriggers(); 
      } 
    }; 
}(); 

Dans le code ci-dessus, vous exécutez une fonction anonyme qui retourne un objet qui a la méthode d'initialisation et affecter le résultat à la carte. objet carte Maintenant sera la méthode d'initialisation et vous pouvez faire ceci:

$(function() 
{ 
    map.init(); 
});