How to destroy Fancybox?

Question

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.

Ovid

What do you mean by destroy? Do you want to hide these all? – Wayworn

I need it back to standart behaviour: you click on the link <a href="..."> ... </a> and the browser will open it. No Fancybox inner windows, just like there's no javascript. – Ovid

Answer 1

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/

Wilhite

If I have multiple fancybox instances on my page, like image gallery - is there any way to unbind only specific images but not the whole thing? – Verbenia

@Passer by I suggest that you post a new answer with your code. – Wilhite

Answer 2

Try to call:

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

like:

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

Mediocrity

Unfortunatelly, it doesn't work. Here it is: jsfiddle.net/martinba/yy3cw/11 Click on init button and then destroy. "FancyDevil" is still there. – Ovid

This worked for me. The 'click.fb-start' didn't. I guess it depends on the FB version. – Engobe

Answer 3

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');

Coniine

Answer 4

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

Academy