variables globales dans jQuery

Question

Je travaille sur ce script:

<script type="text/javascript" src="/js/jquery.js"></script> 
<script type="text/javascript"> 
$(function(){ 
    compentecy = $('#competency_id'); 
    $('#add_competency').bind('click', function(e){ 
     e.preventDefault(); 
     $.post('/script.php', {competency_id: compentecy.val(), syllabus_id: 2}, function(){ 
      // competency = $('#competency_id'); 
      competency.children('option[value=' + compentecy.val() + ']').remove(); 
     }); 
    }); 
}); 
</script> 

dans la fonction de rappel .post $, il semble que je ne peux pas accéder à des variables globales. J'ai essayé $.competency mais cela n'a pas fonctionné. J'ai toujours une erreur "compétence non définie". J'ai dû réinitialiser la variable à nouveau dans le rappel. Est-il possible de ne pas réinitialiser la variable à l'intérieur du rappel?

Answer 1

OMG. c'est un de ces jours je suppose. l'orthographe de la variable était incorrecte: P

Answer 2

Vous pouvez utiliser .proxy() comme ceci:

$.post('/script.php', {competency_id: compentecy.val(), syllabus_id: 2}, 
    $.proxy(function(){ 
    this.children('option[value=' + this.val() + ']').remove(); 
    }, compentecy) 
); 

$.proxy() permet à votre déterminer ce qui est à l'intérieur this le rappel, juste pour des cas comme celui-ci :)