Question

I normally set up my javascript code to have a function. But due to the fact that the application generates most of the HTML and javascript calls from a VB6 application I would like to create a jQuery function that is more like a listener. So for example if I have a td tag that has the class ‘gridheader1’ I would like the jQuery to wait for it to be clicked.

I’m assuming that I would use the bind… But I’m getting javascript errors with it… If you can offer suggestions on where my code is wrong that would be great.

$('.gridheader1').bind('click', function()
{
  alert('hi I got clicked');
});

Again this just has to sit out there on the main .js file. It isn’t attached to any functions. Please let me know.

Thanks

Answer 1

// static tags
$(function(){ // DOM ready
   $('.gridheader1').click(function()
   {
     alert('gridheader1 clicked');
   });
});


// or if the tag is loaded via ajax use 'live'...
$(function(){ // DOM Ready
   $('.gridheader1').live('click', function()
   {
     alert('gridheader1 clicked');
   });
});


// or if you already have a function defined that you want to call, you can pass in the function instead of using an anonymous function.

function alertAboutStuff(){
  alert('gridheader1 clicked');
}

$(function(){
   $('.gridheader1').click(alertAboutStuff);
   // $('.gridheader1').live('click', alertAboutStuff); // for tags loaded via ajax
});