CODEWITHSUNDEEP
javascriptjqueryfancybox-2
Martin Ille
Martin Ille

Reputation: 7055

How to destroy Fancybox?

I'm trying to destroy Fancybox. I haven't found any method to do it in documentation. How to destroy it after it was initialized?

This doesn't work:

$("a").unbind('fancybox').unbind('click');

Testing code: http://jsfiddle.net/martinba/yy3cw/2/

I use current version 2.1.4.

Upvotes: 13

Views: 13378

Answers (4)

Passer by
Passer by

Reputation: 560

You can unbind every fancy box by running:

$(document).unbind('click.fb-start');

Or if you need to unbind a specific selector, you can undelegate it:

var selector = 'a.my-fancy-box';
selector = selector + ":not('.fancybox-item, .fancybox-nav')";
$(document).undelegate(selector, 'click.fb-start');

Or alternatively:

// Bind
$('a.my-fancy-box').fancybox({live: false});

// Unbind
$('a.my-fancy-box').unbind('click.fb');

Upvotes: 1

Pinny
Pinny

Reputation: 306

As it was mentioned here earlier: $(document).unbind('click.fb-start'); But you also might want to add this option to the fancybox init call: live:false

Upvotes: 0

dfsq
dfsq

Reputation: 193271

In order to unbind fancybox you have to unbind events under fb-start namespace from document:

$(document).unbind('click.fb-start');

Though, I don't know why developer made it so unobvious.

http://jsfiddle.net/dfsq/yy3cw/16/

Upvotes: 15

CloudyMarble
CloudyMarble

Reputation: 37566

Try to call:

.unbind('click.fb') to unbind fancybox.

like:

$('.group').unbind('click.fb')

Upvotes: 2

Related Questions