ansaurus

Question

stored context in a JQuery variable does not work

Answer 1

+3 A:

Since your <script> block is in the <head> tag, it's executing before the document is parsed.

Therefore, when you write txt = $('#TextBox1'), the textbox doesn't actually exist yet.

To fix this, you need to set the txt variable after the document loads (inside #(function() { ... }).

For example:

var txt;

$(function() {
    txt = $('#TextBox1');

    EnableDisableButtons();
    txt.keyup(function() {
        EnableDisableButtons();
    });
});

TextBox1 looks like an ASP.Net server-side control.
If so, you should replace it with $('<%= TextBox1.ClientID %>), since ASP.Net assigns its own unique IDs to server-side controls. Alternatively, in ASP.Net 4.0, you can addClientIDMode="Static"` to the textbox.

Also, you should give your textbox a meaningful name.

SLaks 2010-06-18 16:44:32

Answer 2

+4 A:

var txt = $('#TextBox1');

This must go inside the function that's in the $() call. Else you're trying to select the textbox before the DOM is ready.

MvanGeest 2010-06-18 16:44:46

Answer 3

+1 A:

When var txt = $('#TextBox1'); is executed, the element does not exist yet (the DOM is not loaded completely).

Do:

var txt;

$(function() {
    text = $('#TextBox1');
    EnableDisableButtons();
    txt.keyup(function() {
        EnableDisableButtons();
    });
});

or put the script at the end of you HTML document.

The function that is passed to $() gets executed when the DOM is loaded, i.e. all the elements exist. Actually the purpose of this is that you can be sure that all the elements you might access are there.

Felix Kling 2010-06-18 16:44:54

ansaurus

tags:

views:

answers:

stored context in a JQuery variable does not work

related questions