爲什麼Ajax.Autocompleter設置div容器的樣式來顯示結果：none？

我的自動完成調用現在什麼都沒有顯示，因爲我插入ul的div的樣式設置爲顯示：無。使用螢火蟲，我可以看到結果返回一個適當的無序列表標記，當我從螢火蟲控制檯編輯HTML並刪除style =「display：none;」時，我看到了自動完成結果。我爲生成的自動完成標籤添加了css，但這被原型1.6.1/scriptaculous 1.8.3覆蓋。另外，我使用Rails 1.2.2爲什麼Ajax.Autocompleter設置div容器的樣式來顯示結果：none？

這裏是我的看法代碼：

<script type="text/javascript"> 
    new Ajax.Autocompleter("autocomplete", "autocomplete_choices", "/campaigns/title_list", {tokens: ',', paramName: 'title'}); 
</script> 

<input type="text" id="autocomplete" name="autocomplete_parameter"/> 
    <div id="autocomplete_choices" class="autocomplete"></div>

，在這裏我的控制器操作和部分：

def title_list 
    camp_title = params[:title] 
    @titles = Campaign.find(:all, :conditions => ["title ilike ?", "%#{camp_title}%"], :select => :title).collect { |camp| camp.title } 
    render :partial => "title_list" 
end

_title_list.rhtml

<ul> 
    <% @titles.each do |t| %> 
     <li> <%= t %> </li> 
    <% end %> 
</ul>

這是我在螢火蟲中看到的：

<div style="display: none; position: absolute; left: 8px; top: 123px; width: 155px;" id="autocomplete_choices"> 
    <ul> 
    <li class="selected"> DirecTV Defender (Best Deal Ever) </li> 
    <li class=""> Defender DirecTV </li><li class=""> DirecTV Defender - Collections </li> 
    <li class=""> Defender DirectTV (Gotham Direct) </li> 
    </ul> 
</div>

任何建議將不勝感激。

-h

來源

2009-11-16 hubert

我解決了這個問題，把服務器端的HTML註釋[Coldfusion，但是會有類似的PHP等意識形態] include文件包含在每個頁面中。不知怎的，評論被吸進了自動完成DIV。這隻在Chrome的螢火蟲版本中出現！ – 2015-04-30 17:20:40

您需要進入auto_complete助手（供應商目錄內），並更改行items.uniq到items.uniq.join 的原因是在陣列中的to_s行爲的改變Ruby 1.9。這樣對我來說工作得很好。

來源

2009-11-29 19:50:06 Gabriel

爲什麼Ajax.Autocompleter設置div容器的樣式來顯示結果：none？

回答

相關問題