JQuery SlidesJS клавиатура навигации - PullRequest
2 голосов
/ 19 августа 2011

Мой сайт использует SlidesJS для слайд-шоу фотографий.

Мой вопрос: как я могу использовать навигацию с помощью клавиатуры?

Я добавил это решение GitHub к моему тегу головы (строки 94-116), но клавиши со стрелками влево и вправо на клавиатуре по-прежнему не работают.

Какя могу это исправить?

Ответы [ 2 ]

6 голосов
/ 23 августа 2011

Я ввел следующий код в окно консоли на Chrome на сайте SlidesJS, и это сработало ...

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

Отредактировано для совместимости со страницами, которые обычно не используют $ для jQuery.

2 голосов
/ 23 августа 2011

Вы можете привязать события keyup к контексту окна и запустить событие click для кнопок next и prev на основе event.keyCode

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

Там должен быть какой-то код для изменения больших пальцев, ноэто базовая функциональность в моей голове.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...