如何从选择器中取消绑定fancybox答案

【问题标题】：How to unbind fancybox from a selector如何从选择器中取消绑定fancybox
【发布时间】：2011-12-29 15:34:19
【问题描述】：

我有一个带有一个类的锚链接，该类标识它要在fancybox上调用。示例：

<a class="group">some code here</a>

Fancybox 绑定：

$('.group').fancybox();

如果我想用 $('.group') 选择的元素解除 fancybox 的绑定，我应该怎么做？我试过removeClass('group') 但它不起作用。

【问题讨论】：

sorry eg is like
可以从锚点中删除任何绑定到fancybox的类，这样就不会在这样的锚点上启用fancybox。诀窍是如何识别锚以使用正确的方法。您能否澄清一下您想如何删除该类：在特定事件之后还是仅在页面加载时？
这能回答这个问题吗？ stackoverflow.com/questions/3654085/…
您可能想[检查此线程][1]。它有帮助我的答案。 [1]：stackoverflow.com/questions/13526599/…
这篇文章是否涵盖了解决方案：stackoverflow.com/questions/13526599/…

标签： javascript jquery fancybox

【解决方案1】：

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

【讨论】：

【解决方案2】：

您可以将类“nofancybox”添加到链接，此链接将被忽略

【讨论】：

你拯救了我的一天

【解决方案3】：

如果你想用javascript代码来做，你可以选择锚标记对象并删除类。

给元素一个id并调用removeClass方法

<a id="noFancy" class="group">some code here</a>

Java 脚本

 $(function(){
     $("#noFancy").removeClass("group");

 });

如果您可以访问 HTML 标记，为什么不将类更改为其他内容，但使用相同的 CSS 值。那么你不需要执行代码来删除documentready上的类

HTML

<a class="groupNormal">I dont want fancybox</a>

CSS

.groupNormal
{
  // Put the CSS for group class
}

【讨论】：

你在绑定fancybox之前删除了类吗？
我在页面加载时首先删除了该类，即使在页面源代码中我也可以看到该类已被删除，但它仍然加载了fancybox
花式盒子方法在哪里绑定？哪个事件？文件准备好了吗？
$(this).after($(this).text()); $(this).remove();

【解决方案4】：

这是对我有用的解决方案，但是从提问者的意愿来看，它并没有解除幻想框的绑定。

首先，不要在节点上声明fancybox，而是将节点绑定到click事件：

$(".classOfMiniImage").on("click", window.onImageMiniClicked);

在处理程序中，您可以使用代码检查是否需要显示fancybox 的条件，然后使用显式href 引用显示它：

window.onImageMiniClicked = function () {
    if (<your_condition>) {
        $.fancybox({
            'href': <link_to_full_size_image>,
            /* other options below */
            'transitionIn': 'elastic',
            'transitionOut': 'elastic',
            'speedIn': 600,
            'speedOut': 600,
            'overlayShow': true
        });
    }
}

此外，如果您不再需要这些项目上的 fancybox，您可以使用另一种方法并手动取消绑定此处理程序：

$(".classOfMiniImage").off("click", window.onImageMiniClicked);

希望对某人有所帮助。

【讨论】：