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

我有一个使用jquery自动完成的页面的测试服务器。如果我使用Firefox 3.6连接到服务器，自动完成功能可以正常工作。不幸的是，它不适用于Chrome或Firefox 5.这里是html：Jquery Autocomplete - 使用Firefox 3.6，不使用Firefox 5/Chrome

<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

来源

2011-07-15 Travis Bear

FireBug控制台或Chrome开发人员工具中是否存在任何JavaScript错误？ –

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

它应该让你在正确的方向和setSearchUrl功能不应该是必要的。

来源

2011-07-15 14:25:24

你的样品帮助了我，谢谢！ – Barka

我会在这条线是你的罪犯：

document.searchForm.nickname.value

你明白了什么，当你键入表达到控制台？

来源

2011-07-15 02:38:13 Adam

这行不是注释掉了吗？ –

不。他使用（不必要的）html注释来防止不识别脚本标记以纯文本形式输出其代码的古代浏览器（例如netscape 4）。 – Adam

哇，有趣，我猜你每天都会学到新的东西:) –

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

回答

相关问题