Facebox plugin is not removing previous content when used with live

Question

Hi,

I am using facebox in the content that I have loaded with ajax

Normally, the plugin removes previous content, so clicking multiple times on the same link would still show the one image.

But not used with live. It will stack up the images

Setting it to empty below will not work??It already does that in the plugin also?

$('a[rel*=facebox]').live("mousedown", function() { 

if( $('#facebox .content div').length > 0 ) $('#facebox .content div').empty(); 
a = $('#facebox .content div').length;
$('#counter').html(a);

    $(this).facebox(); 

});

(The div length actually says 0 , but still shows the full stack)

How could I make this work with live?

thanks, Richard

Answer 1

Try emptying the contents of the facebox by binding to its beforeReveal hook:

$(document).bind('beforeReveal.facebox', function() {
    $("#facebox .content").empty();
});