Bind custom event handler after ajax load

Question

Specifically I'm looking to bind lightbox to a specific element. Normally I would just do this: $('a.lightbox').lightBox(); but that isn't working since I'm doing some loading with AJAX. Looking at the jQuery API I found .bind() and .live() but I'm not getting anything when I do $('a.lightbox').bind('lightBox') after the AJAX .load() call.

What am I missing?

Answer 1

You need to add a callback function that handles that.

$("#div").load(url, {}, function(){ $('a.lightbox').lightBox(); });

Bind isn't going to help you, as the event isn't getting an event fired on it.