如何动态禁用/启用fancybox？

Question

We are developing a site with fluid layout (so it works on mobile too), that adjusts itself when resizing the window.

Everything is ok but an area when we use fancybox to zoom the images. What I want it to disable fancybox when I call our "mobile ajusts" function (triggered by window.resize already) on our gallery, and re-enable it again when when going back to the "desktop" version.

I've tried a lot of things like preventDefault on 'click', using the $('.case-gallery a').fancybox($.fancybox.cancel) and stuff like that, but it seems that as fancybox is already stored in the DOM element, I'm not being able to disable it and enable it again on the fly - and my knowledge of JS is not really advanced.

Any help?

Answer 1

I have the same problem, and here is my current working thought:

jQuery check if event exists on element

use this answer to check a variable property to the DOM... like check if DOM.style.whatever > 10. just my working thought. I have a site that has a carousel of products in DIVs, and i want the not-displayed products to not be clickable based on their DIVs opacity. I'll repost in a day if i figure it out.

Answer 2

尝试使用此方法监听fancybox onStart事件，然后使用$ .fancybox.cancel（）（请不要忘记（）。这是一个函数）。