Javascript Jquery自动完成-不'；t突出显示悬停和箭头上的项目不'；行不通_Javascript_Jquery_Css_Jquery Ui_Jquery Autocomplete

Javascript Jquery自动完成-不'；t突出显示悬停和箭头上的项目不'；行不通

javascript jquery css jquery-ui

Javascript Jquery自动完成-不'；t突出显示悬停和箭头上的项目不'；行不通,javascript,jquery,css,jquery-ui,jquery-autocomplete,Javascript,Jquery,Css,Jquery Ui,Jquery Autocomplete,我已经和Jquery的自动完成做了几天的斗争。现在，我可以使用以下命令正确显示页面（/jsontest）中字典的JSON列表： <html lang="en"> <head> <meta charset="utf-8" /> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /> <scrip

我已经和Jquery的自动完成做了几天的斗争。现在，我可以使用以下命令正确显示页面（/jsontest）中字典的JSON列表：

<html lang="en">
<head>
  <meta charset="utf-8" />
  <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
  <script type="text/javascript" src=/static/js/jquery-latest.js"></script>   

  <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
  <link rel="stylesheet" type="text/css" href="static/css/jquery-ui-1.10.3.custom.css">
  <link rel="stylesheet" type="text/css" href="/static/css/autocomplete2.css">
  <script>
  $(function() {
    $( "#tags" ).autocomplete({
      source: '/jsontest',
      minchar: 2,
      delay: 500,
      select: function (event, ui) {
            window.location = ui.item.url;}
    });
  });
  </script>
</head>
<body>
<div class="ui-widget">
  <label for="tags">Search: </label>
  <input id="tags" />
</div>
</body>
</html>

我从中得到了很多信息，但箭头键工作正常，突出显示也正常，在我的页面上也没有。有人能帮忙吗

非常感谢，

Alex

箭头行为由“焦点”选项调节

此代码禁用箭头键。鉴于您没有此代码，它们应该可以正常工作

但是，我注意到您使用的是minChar，而如果您使用的是jQueryUI，那么它应该是“minLength”

多亏了user2187738，我才能够将范围缩小到我正在使用的jquery文件。我不知道我是不是搞砸了，但当我改变这一点时，它起了作用：

<script type="text/javascript" src=/static/js/jquery-latest.js"></script>

谢谢，我将其更改为minLength，但似乎无法修复。@Alex我使用了您的代码，将引用更改为jquery，并在自动完成示例中使用了标准源代码。它起作用了！所以，我打赌问题在于JSON本身。非常感谢，我用jfiddle使用的css和js文件（通过“查看帧源”）替换了我所有的css和js文件，并逐一尝试，以找出问题的根源。原来是jquery平滑css文件。
focus: function(event) {
    event.preventDefault();
};

<script type="text/javascript" src=/static/js/jquery-latest.js"></script> 

<script type='text/javascript' src='http://code.jquery.com/jquery-1.9.1.js'></script>