ansaurus

Question

Answer 1

+2 A:

Wrap it such that the code doesn't run until the document has loaded.

Try it out: http://jsfiddle.net/ApDKU/

$(function() {
    var fn=function(){
      alert('success!');
    };

    $('#but2').click(fn);
});

Doing:

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

...is the same as

$(document).ready(function() {...});

...which cause the code inside to run only after the <body> tag has finished loading.

The way you had it, the code that attached the click handler to #but2 was running before #but2 had loaded onto the page.

patrick dw 2010-07-31 16:55:30

"patrick dw"'s method works!! Thank you so much!!By the way, there is a small problem with the code from http://jsfiddle.net/ApDKU/. If some one copy the js code directly from http://jsfiddle.net/ApDKU/, there are some invisible characters included and the code doesn't run. I noticed it in firebug. I deleted the invisible characters and the code run like a charm.

peter 2010-07-31 17:12:52

@peter - Yeah, I don't know what those characters are. They're always there, and they really mess me up sometimes. Glad you got it working. :o)

patrick dw 2010-07-31 17:17:51

ansaurus

tags:

views:

answers:

jquery bind button click event fails

related questions