当前位置：文江博客话题详情

jQuery SlidesJS 键盘导航

发布于 2024-11-30 05:48:34 字数 371 浏览 1 评论 0原文

我的网站使用SlidesJS 用于照片幻灯片。

我的问题是，如何使用键盘导航？

我已将此 GitHub 解决方案添加到我的 head 标签中（第 94 行- 116) 但键盘的左侧和右侧向右箭头键仍然不起作用。

我该如何解决这个问题？

原文

分享到QQ

分享到微博

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

发布评论

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

烟若柳尘 2024-12-07 05:48:34

我在 SlidesJS 网站上时将以下代码输入到 chrome 的控制台窗口中，并且它有效...

(function($){
    $(window).keyup(function(e){
        var key = e.which | e.keyCode;
        if(key === 37){ // 37 is left arrow
            $('a.prev').click();
        }
        else if(key === 39){ // 39 is right arrow
            $('a.next').click();
        }
    });
})(jQuery);

进行了编辑以与通常不使用 $ for jQuery 的页面兼容。

I input the following code into the console window on chrome when on the SlidesJS site and it worked...

(function($){
    $(window).keyup(function(e){
        var key = e.which | e.keyCode;
        if(key === 37){ // 37 is left arrow
            $('a.prev').click();
        }
        else if(key === 39){ // 39 is right arrow
            $('a.next').click();
        }
    });
})(jQuery);

Edited for compatibility with pages that don't normally use $ for jQuery.

回复收藏 0 原文

陈独秀 2024-12-07 05:48:34

您可以将 keyup 事件绑定到窗口上下文，并根据 event.keyCode 触发下一个和上一个按钮上的单击事件，

jQuery(window).bind("keyup", function(e){
    if(e.keyCode === 37) {
        jQuery(".prev").click();
    } else if (e.keyCode === 39) {
        jQuery(".next").click(); 
    }
});

其中应该有一些代码可以更改拇指，但这是基本功能我的头顶。

You can bind the keyup events to the window context and fire the click event on the next and prev buttons based on event.keyCode

jQuery(window).bind("keyup", function(e){
    if(e.keyCode === 37) {
        jQuery(".prev").click();
    } else if (e.keyCode === 39) {
        jQuery(".next").click(); 
    }
});

There should be some code in there to change the thumbs but that's the basic functionality off the top of my head.

回复收藏 0 原文

~没有更多了~