在缩略图淡入淡出时取消绑定 Fancybox答案

【问题标题】：Unbinding Fancybox on thumbnail fade在缩略图淡入淡出时取消绑定 Fancybox
【发布时间】：2010-09-06 20:18:07
【问题描述】：

我在一系列画廊图片上使用了 fancybox。

用户可以选择点击淡出某个类别的某些图像的链接。

我想在褪色的图像上取消绑定 Fancybox 方法，但在完全不透明时重新绑定。

$("#clientsProjects").delegate("#clientsProjects nav a", "click", function() {

    $("#clientsProjects .current").removeClass("current");

    $(this).parent().addClass("current");

    var $filterClass = $(this).attr("class").split(/\s+/);

    $.each($filterClass, function(index, item){

        if ($filterClass != "all") {

            $("#clientsProjects .workThumbs div:not(." + $filterClass + ")").stop().fadeTo("slow", .2, function() {
                $(this).unbind("click");
            });

            $("#clientsProjects .workThumbs div." + $filterClass).stop().fadeTo("slow", 1);

        } else {

            $("#clientsProjects .workThumbs div").stop().fadeTo("slow", 1);

        }

    });

    return false;

});

【问题讨论】：

标签： jquery jquery-plugins fancybox

【解决方案1】：

你的代码看起来有点疯狂/有点长，所以我不会费心去仔细检查它；但是您的问题似乎很简单。

当淡化图像时，另外调用.unbind('click.fb') 来取消绑定fancybox。

然后重新应用它；您正在使用的淡入方法将接受一个在动画完成时执行的回调函数；在该函数中，您可以再次将 fancybox 绑定到对象上。

【讨论】：