django乾草堆自動完成與引導

Question

我想讓Django乾草堆自動完成工作。最後我做了它的工作，但它沒有正常顯示。我用haystack autocomplete example。我從數據庫中生成數據並打印在網站上。但引導程序不會正確顯示它們。我想我應該改變html標籤以正確顯示它們。 這是它現在的樣子： 根據自動填充字段的數量，標題被放大。這是它的html：

<div class="ac-results"> 
    <div class="result-wrapper"> 
     <a class="ac-result" href="/stocks/detail/ISD"> 
      ISD 
     </a> 
    </div> 
    <div class="result-wrapper"> 
     <a class="ac-result" href="/stocks/detail/ISA"> 
      ISA 
     </a> 
    </div> 
    <div class="result-wrapper"> 
     <a class="ac-result" href="/stocks/detail/ISF"> 
      ISF 
     </a> 
    </div> 
    <div class="result-wrapper"> 
     <a class="ac-result" href="/stocks/detail/ISS"> 
      ISS 
     </a> 
    </div> 
    <div class="result-wrapper"> 
     <a class="ac-result" href="/stocks/detail/ISG"> 
      ISG 
     </a> 
    </div> 

</div> 

這是顯示與塊div元素。 如何正確使用bootstrap？

Answer 1

我不會在這個例子中使用javascript，這是一個簡單的例子，讓你上去。我與草垛做到了這一點，但使用的jQuery UI的自動完成構件，而不是 - 它會自己自動正確位置下方已將其粘貼到輸入框：

http://jqueryui.com/autocomplete/

另外值得一檢查出是Twitter的新的自動完成構件：

http://twitter.github.io/typeahead.js/

但是，如果你想使用的JavaScript在草堆例子，那麼你需要應用一些CSS，如

.ac-results { 
    position: absolute; 
    top: 40px; 
    left: 600px; 
    width: 150px; 
} 

你顯然必須相應地調整像素。此外，應該將HTML更改爲使用UL列表和LI列表項目，以使其更容易風格化。再次，讓自己頭痛，並嘗試一個提供自動完成小部件的庫，您只需告訴它哪個輸入元素需要提供建議，然後將該URL插入到您的django ajax終端。祝你好運。

Answer 2

看看邁克·希伯特教程http://www.youtube.com/watch?v=B-n6_m66TmA 如果沒有你會更好地理解django-haystack如何工作。另外他的阿賈克斯搜索教程和這個http://www.youtube.com/watch?v=utR1KtRFvxg它幫助了我很多。祝你好運。