jQuery自動完成功能不起作用…

Question

我正在使用jQuery的自動完成功能，並且遇到了一個小問題。 我有一個div元素，其中包含一些文本和數量可變的具有自動完成功能的輸入框。 當用戶單擊div元素中的文本時，輸入框將被刪除。 單擊文本可在顯示輸入框和不顯示輸入框之間切換。 每單擊一次文本，就會調用一個php腳本，該腳本返回div元素的新html文本。

自動完成輸入是使用類似於以下內容的php代碼創建的：

PHP代碼

echo "<id='a' value='Smith' autocomplete='off'>";
echo "<script type=\"text/javascript\">$('a').autocomplete('do_name_lookup.php',{minChars:3,max:999});</script>";
echo "<script type=\"text/javascript\">$('a').result(function(event, data, formatted) {alert(data[0])});</script>";

---

在靜態網頁上，兩個script元素將出現在“ $(document).ready ”函數中。 但是，由於我的頁面是動態的，因此在$(document).ready觸發后很長時間就會創建輸入框。 因此，我必須在制作完每個輸入框之后執行javascript代碼。 第一次執行上述php代碼時，此設置工作正常，但是第二次執行該代碼時，自動完成功能消失了。

誰能向我解釋為什么會這樣以及如何解決？ 我的懷疑是我多次聲明了一個具有相同名稱的變量，這造成了某種類型的沖突。

Answer 1

<id='a' value='Smith' autocomplete='off'>

這不是有效的元素，它缺少標簽名稱。 要修改“ input ”嗎？

$('a')…

這將選擇頁面中的所有錨元素（鏈接）。 我猜你想要id選擇器$('#a') 。

另外，您應該真正將兩個腳本元素組合為一個。 不僅是因為某些瀏覽器有限制。 <script>可能包含多個JavaScript語句，您可能只想鏈接同一選定元素的兩個方法 。