透明的下拉列表，當使用jquery自動完成

我試圖從jquery-ui使用自動完成，但建議的下拉列表是透明的，所以文本與它後面的頁面混合。這是腳本的樣子：透明的下拉列表，當使用jquery自動完成

var createAutocomplete = function() { 
     var $input = $(this); 
     var options = { 
      source: $input.attr("data-otf-autocomplete") 
     }; 

     $input.autocomplete(options); 
    }; 

$("input[data-otf-autocomplete]").each(createAutocomplete);

我想如果我可以發佈一個例子圖片。任何人都知道可能會導致這個問題？謝謝！

來源

2015-08-27 BigBadVoodoo

您是否包含用於自動完成的Jquery UI css文件？ – freshbm

不，我不這麼認爲。這個文件應該放在哪裏？ – BigBadVoodoo

您需要在js腳本之前在您的頁面中包含Jquery UI CSS文件。當您從site下載jqueryUI時，Css文件應位於您的zip文件中。

<link rel="stylesheet" href="jquery-ui.min.css"> 
<script src="jquery-ui.min.js"></script>

來源

2015-08-27 15:42:04 freshbm

這工作！謝謝！ – BigBadVoodoo

透明的下拉列表，當使用jquery自動完成

回答

相關問題