Question

这是我的代码：

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Menu - Default functionality</title>

<link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/resources/demos/style.css">
<script>
$(function() {
$( "#menu" ).menu();
});
</script>
<style>
.ui-menu { width: 150px; }
</style>

</head>
<body>

<ul id="menu">
<li class="ui-state-disabled">Aberdeen</li>
<li>Ada</li>
<li>Adamsville</li>
<li>Addyston</li>
<li>Delphi
<ul>
  <li class="ui-state-disabled">Ada</li>
  <li>Saarland</li>
  <li>Salzburg an der schönen Donau</li>
</ul>
</li>
<li>Saarland</li>
<li>Salzburg
<ul>
  <li>Delphi
    <ul>
      <li>Ada</li>
      <li>Saarland</li>
      <li>Salzburg</li>
    </ul>
  </li>
  <li>Delphi
    <ul>
      <li>Ada</li>
      <li>Saarland</li>
      <li>Salzburg</li>
    </ul>
  </li>
  <li>Perch</li>
</ul>
</li>
<li class="ui-state-disabled">Amesville</li>
</ul>


</body>
</html>

您刚进入网站后如何使Jquery Keynav菜单工作？当我第一次打开它时，向上/向下/向左/向右箭头将控制铬滚动条，这不是想法。一旦我点击菜单，keynav就能完美运行。我想要做的是绕过点击菜单，这样当我进入网站时，箭头键功能完全正常。我怎样才能做到这一点？

Answer 1

初始化后，将焦点设置在菜单元素上：

$('#menu').menu().focus();

http://api.jquery.com/focus

如何在加载页面时启用菜单的键盘控制

1 个答案: