Le code simple jQuery contient une erreur de syntaxe que je ne peux pas trouver

Question

J'ai ce (remarquable) simple fonction JavaScript qui est appelée lorsqu'un utilisateur clique sur un lien « Annuler »:

function hideNewUserPanel(){ 
    $('#create_user_panel').slideUp('slow'); 
    $('.right_interior_panel').slideDown('slow'); 
} 

Et le code pour ajouter le gestionnaire:

$(function(){ 
    $('#cancel_create_user_btn').live('click', 
     function(){ hideNewUserPanel(); } 
    ) 
}); 

Fonctionnellement, tout fonctionne comme prévu. Le problème est, quand je clique sur le "Annuler" lien, Firebug affiche une erreur dans la console:

exception uncaught: Erreur de syntaxe, expression non reconnue: #

J'ai fait un pas dans le code plusieurs fois et l'erreur apparaît à un moment donné avant l'appel à hideNewUserPanel(). Au risque de ressembler à un de ces "programmeurs" (ceux qui prétendent avoir trouvé un bug dans GCC et supposer que leur propre code est parfait), l'exception est lancée à partir de quelque chose dans jQuery, donc je suppose que le problème est là-bas. J'utilise jQuery 1.3.2 (il s'agit d'un projet hérité utilisant de nombreux plugins jQuery qui se casseront si nous mettons à jour vers 1.4.x).

Y a-t-il quelque chose qui ne va pas dans mon code que je ne vois tout simplement pas? Ce code est, franchement, très simple et je ne vois pas vraiment quel pourrait être le problème.

Merci!

Answer 1

Ce:

$(function(){ 
    $('#cancel_create_user_btn').live('click', 
     function(){ hideNewUserPanel(); } 
}); 

a besoin d'un paren de fermeture après la fonction, comme ceci:

$(function(){ 
    $('#cancel_create_user_btn').live('click', 
     function(){ hideNewUserPanel(); }); 
}); 

En outre, vous pouvez écrire qu'un peu plus simple :), essayez ceci:

$(function(){ 
    $('#cancel_create_user_btn').live('click', hideNewUserPanel); 
}); 

Answer 2

Vous semblez annoncer la fin de l'appel live:

$(function(){ 
    $('#cancel_create_user_btn').live('click', 
     function(){ hideNewUserPanel(); } 
    ); // <=== 
}); 

Answer 3

$(function() { 

     function hideNewUserPanel() { 
      $('#create_user_panel').slideUp('slow'); 
      $('.right_interior_panel').slideDown('slow'); 
     } 

     $('#cancel_create_user_btn').live('click', function() { hideNewUserPanel(); }); 



    });