Question

我有一个测试服务器，其中包含使用jquery自动完成的页面。如果我使用Firefox 3.6连接到服务器，自动完成功能可以正常工作。不幸的是，它在Chrome或Firefox 5中不起作用。这是html：

<html>
<head>
    <title>Test Page</title>

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js">     
</script>
  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/jquery-ui.min.js"></script>
  <link type="text/css" href="/static/css/jquery-autocomplete/jquery-ui-1.8.14.custom.css" rel="stylesheet" />
    <script>
  $(document).ready(function(){
     url = "/autocomplete/";
     $("#searchInput").autocomplete({
         source: url
     });
  });
  </script>

    <link rel="stylesheet" href="/static/css/site.css" />

</head>
<body>

    <div id="content">

<script language="JavaScript">
<!--
function setSearchUrl() {
       searchUrl = "/search/" + document.searchForm.nickname.value + "/"
       document.searchForm.action = searchUrl;
}
//-->
</script>

<h3>Search</h3>
<form
   name="searchForm"
   action="/search"
   method="get"
   onSubmit="setSearchUrl()"
   autocomplete="off">
<input id="searchInput" type="text" name="nickname" autocomplete="off">
<input type="submit" value="Search">
</form>
<script language="JavaScript">
<!--
document.searchForm.nickname.focus();
//-->
</script>

    </div>
</body>
</html>

关于什么可能出错的任何想法？

编辑：firebug（在两个浏览器版本中）都没有显示任何错误。 Chrome中的开发工具似乎也没有抱怨。

谢谢！

-Travis

Answer 1

看看这个小提琴：http://jsfiddle.net/jensbits/AmvsX/

它应该让你指向正确的方向，并且不需要setSearchUrl函数。

Answer 2

我会成为你的罪犯：

document.searchForm.nickname.value

当您在控制台中输入该表达式时，您会得到什么？

Jquery Autocomplete - 使用Firefox 3.6，而不是Firefox 5 / Chrome

2 个答案: