Question

this pattern href="javascript:stop(this); pass the hyperlink object to stop function, but i also want to pass invoked event to that function. how can i do that? my records are getting load through ajax so cant attach .click(function(event){}) with it. and if i attach click on each AJAX call then web slows down on IE6.

please guide me

Thanks

Answer 1

You have jQuery so you can use delegates/live events instead of inline events or those nasty javascript: hrefs:

$('#parent').on('click', 'a', function(e) {
    // you can use this and e (the event) here
});

#parent needs to be an element that already exists and will contain the newly added elements. a is the selector to match the elements inside #parent on which you want the click events to trigger. You may use $(document) instead of $('#parent') to resemble .live() from older jQuery versions, but using a parent element that is closer to the inner elements is better for performance reasons.