Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/tfs/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Jquery自动完成——使用Firefox3.6,而不是Firefox5/Chrome_Javascript_Jquery_Autocomplete_Cross Browser - Fatal编程技术网

Javascript Jquery自动完成——使用Firefox3.6,而不是Firefox5/Chrome

Javascript Jquery自动完成——使用Firefox3.6,而不是Firefox5/Chrome,javascript,jquery,autocomplete,cross-browser,Javascript,Jquery,Autocomplete,Cross Browser,我有一个测试服务器,带有使用jquery自动完成的页面。如果我使用Firefox 3.6连接到服务器,自动完成功能可以正常工作。不幸的是,它在Chrome或Firefox5中不起作用。以下是html: <html> <head> <title>Test Page</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.j

我有一个测试服务器,带有使用jquery自动完成的页面。如果我使用Firefox 3.6连接到服务器,自动完成功能可以正常工作。不幸的是,它在Chrome或Firefox5中不起作用。以下是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>

测试页
$(文档).ready(函数(){
url=“/autocomplete/”;
$(“#搜索输入”).autocomplete({
来源:url
});
});
搜寻
对可能出现的问题有什么想法吗

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

谢谢


-特拉维斯

我会的这句话是你的冒犯者:

document.searchForm.nickname.value
在控制台中键入该表达式会得到什么?

查看此小提琴:


它应该能让你找到正确的方向,而且setSearchUrl功能应该是不必要的。

FireBug控制台或Chrome开发者工具中是否有任何JavaScript错误?那一行不是被注释掉了吗?不是。他使用(不必要的)html注释来阻止古老的浏览器(如netscape 4)他们无法识别以纯文本形式输出代码时的脚本标记。哇,很有趣,我猜你每天都会学到新东西:)是的,互联网是一个疯狂的地方。我删除了包含“document.searchForm.昵称.value”的整个脚本,但似乎没有任何帮助。在Firefox3.6中,当“document.searchForm.昵称.value”按预期输入firebug javascript窗口时,它会显示搜索框中的任何值。我明天可以查看Firefox5。