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

我正在一系列画廊图片上使用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;

});

---

你的代码看起来有点疯狂/冗长，所以我不想费心太彻底地检查它；然而，你的问题似乎相当简单

当淡入淡出图像时，另外调用

.unbind（'click.fb'）

以解除fancybox的绑定

---

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

您的代码看起来有点疯狂/冗长，因此我不想麻烦对其进行彻底检查；然而，你的问题似乎相当简单

当淡入淡出图像时，另外调用

.unbind（'click.fb'）

以解除fancybox的绑定

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