jQueryUI自動完成添加菜單到錯誤的元素

我有一個自動完成jQueryUI功能的文本框。我想將結果追加到#catcher的ID的div。目前，結果僅附加在文本輸入的下方。您可以在自動完成初始化中看到我試圖指定appendTo選項的位置，並且當我將appendTo選項寫入控制檯時，它會打印正確的ID，但結果不會附加到那裏。爲什麼將自動完成的結果添加到錯誤的地方？jQueryUI自動完成添加菜單到錯誤的元素

$(document).ready(function() 
      { 

       $('#nameAutoComplete').autocomplete(
       { 

        source: ['one', 'two', 'three', 'four', 'five', 'six', 'seven'], 
        appendTo: '#catcher' 

       }); 
       //prints #catcher to the console 
       console.log($('#nameAutoComplete').autocomplete('option', 'appendTo')); 


      });

HTML

<form id="form1" runat="server"> 
    <div> 
    <input name="nameAutoComplete" type="text" id="nameAutoComplete" /> 
    //results should be appended here 
    <div id="catcher"></div> 
    </div> 
    </form>

CSS

#catcher 
{ 
    border: 3px dashed #ccc; 
    width:250px; 
    min-height:500px; 
    float:right; 
}

來源

2013-10-01 wootscootinboogie

確保ID在頁面獨特。 – melancia

他們是。目前頁面上沒有其他內容了。 – wootscootinboogie

它實際上正在工作，因爲它應該。如果您在使用自動填充的同時檢查捕獲器元素，則會看到附加列表。你的CSS風格讓你覺得不然。 – melancia

我想這是因爲捕手格浮動到右邊。不確定。嘗試移除浮標並查看。

我已經創建了一個相同的小提琴。不是它附加到捕手元素。但不知道追加後你想要什麼行爲。也許你可以從那裏起飛。小提琴：http://jsfiddle.net/FbRFj/

可以覆蓋內部

_renderItem

直接追加結果到一個完全不同的元素，

來源

2013-10-01 14:17:25 Rajesh

我看到這樣的東西這些文檔，但是我在思考問題，並認爲它會像告訴計算機要追加哪個元素一樣簡單。儘管如此，謝謝。 – wootscootinboogie

jQueryUI自動完成添加菜單到錯誤的元素

回答

相關問題