使用回调禁用 jquery 脚本

发布于 2025-01-01 05:58:20 字数 651 浏览 0 评论 0原文

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

$(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 lightbox 插件），它使用 left /向右箭头控制灯箱中的图像。该脚本允许回调（请参阅链接中的文档）。

当灯箱被激活时，我想禁用脚本；然后当灯箱卸载时，我想重新激活上面的代码。这可能吗？

原文

I'm using a script to make a user's keyboard control left/right slide navigation on a webpage. Here's the script:

$(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
        }
    });

However, I'm also using FancyBox (a jquery lightbox plugin), which uses left/right arrows to control the images in the lightbox. The script allows callbacks (see the documentation in the link).

When the lightbox is activated, I'd like to disable the script; then when the lightbox is un-loaded, I'd like to reactivate the code above. Is this possible?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

滥情稳全场 2025-01-08 05:58:20

最简单的方法是在处理程序内部检查 fancybox gallery 是否处于活动状态：

$(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
    }
});

The simplest is to check inside your handler if fancybox gallery is active:

$(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
    }
});

回复收藏 0 原文

话少情深 2025-01-08 05:58:20

您可以使用 .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
        }
    }
});

You can use .off() to remove an event handler from an object: http://api.jquery.com/off/

However since this should be working only under certain conditions (so, turned on and off) I think you should create some check in the keyup event, like:

$(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
        }
    }
});

回复收藏 0 原文

~没有更多了~