Javascript 使用jquery的键导航_Javascript_Jquery_Html_Keyboard

Javascript 使用jquery的键导航

javascript jquery html keyboard

Javascript 使用jquery的键导航,javascript,jquery,html,keyboard,Javascript,Jquery,Html,Keyboard,我想使用keynavigation并找到了这个看起来非常漂亮的库：。我已经开始尝试并创建了以下HTML代码 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>Key navigation</title> <script src="//code.jquery.com/jquery-1.11.2.min.js"

我想使用keynavigation并找到了这个看起来非常漂亮的库：。我已经开始尝试并创建了以下HTML代码

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>Key navigation</title>
    <script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
    <script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
    <script src="http://nekman.github.io/keynavigator/keynavigator.js"></script>
    <script src="index.js"></script>
</head>
<body>
    <ul id="navigateTest">
        <li>Test 1</li>
        <li>Test 2</li>
        <li>Test 3</li>

    </ul>
</body>
</html>

但是当我运行这个项目时，关键的导航就不起作用了。dosent work定义的是，我推测库将向元素添加一些样式以显示所选元素。我是否需要对代码应用某种css样式？

您需要做的当然是向当前选择的HTML元素添加一些css样式，告诉javascript您应该向HTML元素添加什么css类名

创建一个css文档并在其中包含一个类，如下所示：

.test{
    font-weight: bold;
}

<link rel="stylesheet" type="text/css" href="super.css">

然后在HTML中引用css，当然是这样：

.test{
    font-weight: bold;
}

<link rel="stylesheet" type="text/css" href="super.css">

请定义所做的工作。您的代码做了什么，以及您希望它做什么？为什么要添加两次jQuery？包括/*可选设置*/可能存在错误：。错误地添加了两次jQuery，抱歉。现在更新问题