Global variables in jQuery

Question

I have been working on this 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>

in the $.post callback function, it seems that I can't access global variables. I tried $.competency but it didn't work. I always get a "competency is undefined" error. I had to reinitialize the variable once again inside the callback. Is there a way to NOT reinitialize the variable inside the callback?

Albeit not being ideal, this should work. Is this the whole script, or are you omitting parts here? — deceze
– deceze ♦, Commented Apr 23, 2010 at 2:14

Teej · Accepted Answer · 2010-04-23 02:21:04Z

3

OMG. it's one of those days I guess. spelling of the variable was incorrect :P

answered Apr 23, 2010 at 2:21

Teej

12.9k9 gold badges76 silver badges94 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

deceze Over a year ago

Glad you spotted it. :) BTW, you should declare the variable first with var competency = $('#competency_id'); to restrict the scope to within your function and its nested functions, otherwise it'll be attached to the global window.

Nick Craver · Accepted Answer · 2010-04-23 02:12:59Z

1

You could use .proxy() like this:

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

$.proxy() lets your determine what this is inside the callback, just for cases like this :)

answered Apr 23, 2010 at 2:12

Nick Craver

631k138 gold badges1.3k silver badges1.2k bronze badges

Collectives™ on Stack Overflow

Global variables in jQuery

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related