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

回答

相關問題