使用回调来禁用jquery脚本

Question

我正在使用脚本在网页上制作用户的键盘控件左/右滑动导航。这里的脚本：

$(document.documentElement).keyup(function (event) { 
     // handle cursor keys 
     if (event.keyCode == 37) { 
      // go left 
      $('.leftArrow').click(); // triggers a click on the 'prev' span 
     } else if (event.keyCode == 39) { 
      // go right 
      $('.rightArrow').click(); // triggers a click on the 'next' span 
     } 
    }); 

不过，我还使用FancyBox（一个jQuery灯箱插件），使用左/右箭头来控制收藏夹的图像。该脚本允许回调（请参阅链接中的文档）。

当灯箱被激活时，我想禁用脚本;那么当灯箱未加载时，我想重新激活上面的代码。这可能吗？

Answer 1

您可以使用.off()从一个对象中删除的事件处理程序：http://api.jquery.com/off/

然而，因为这应该是工作只有在一定条件下（因此，打开和关闭），我想你应该建立在KEYUP一些检查事件，如：

$(document.documentElement).keyup(function (event) { 
    //check that fancybox isnt active 
    //could use a custom attribute like data-active to set this as well, 
    //or some other variable 
    if($(myFancyBox).css("display") != "none") { 
     // handle cursor keys 
     if (event.keyCode == 37) { 
      // go left 
      $('.leftArrow').click(); // triggers a click on the 'prev' span 
     } else if (event.keyCode == 39) { 
      // go right 
      $('.rightArrow').click(); // triggers a click on the 'next' span 
     } 
    } 
}); 

Answer 2

最简单的就是检查你的处理器中，如果的fancybox画廊是活跃：

$(document.documentElement).keyup(function(event) { 

    if ($('#fancybox-overlay').length) { 
     return false; 
    } 

    // handle cursor keys 
    if (event.keyCode == 37) { 
     // go left 
     $('.leftArrow').click(); // triggers a click on the 'prev' span 
    } else if (event.keyCode == 39) { 
     // go right 
     $('.rightArrow').click(); // triggers a click on the 'next' span 
    } 
});