Я хотел бы использовать Jquery, чтобы добавить навигацию с помощью клавиатуры к слайдеру Jquery.Я пытаюсь использовать левую и правую клавиши, чтобы вызвать предыдущую и следующую кнопки, которые у меня уже есть, но я не могу заставить их работать.Кто-нибудь может увидеть из моего кода, где я иду не так?
<script type="text/javascript">
$(function() {
$("div#controller").jFlow({
slides: "#slides",
width: "980px",
height: "313px"
});
$(document.documentElement).keyup(function (event) { var direction = null;
if (event.keyCode == 37) { $('#prevNext.jFlowPrev').click(); }
if (event.keyCode == 39) { $('#prevNext.jFlowNext').click(); }
});
});
</script>
<body>
<div id="wrap">
<div id="controller" class="hidden">
<span class="jFlowControl">No 1</span>
<span class="jFlowControl">No 2</span>
<span class="jFlowControl">No 3</span>
</div>
<div id="slides">
<div class="current">Hello</div>
<div>Hello</div>
<div>Hello</div>
</div>
<div id="prevNext">
<button class="jFlowPrev">previous</button>
<button class="jFlowNext">next</button>
</div>
Спасибо