Question

I have something like this,

$("a[rel^='prettyPhoto']").prettyPhoto({
    theme: 'light_square'
});

but then I use $('.menu').click(function() { $('#content').load(page); });

How do I initialize the plugin after the page has loaded so that it works with the new html that has been loaded?

Thanks

Answer 1

.load() takes a callback as the second parameter that fires when the page is loaded:

$('.menu').click(function() { 
    $('#content').load(page, function() {
        $("a[rel^='prettyPhoto']").prettyPhoto({
                theme: 'light_square'
        });
    });
});