2012-01-02 8 views
0

入力フィールドの1つに「オートコンプリート」を使用します。jQuery UIオートコンプリートが奇妙な方法で動作します

機能:

$("input[data-autocomplete]").each(function() { 
    $(this).autocomplete({ source: $(this).attr("data-autocomplete") 
    }); 

とHTMLの一片(自動補完されなければならない入力):

<input data-autocomplete="@Url.Action("GetTagsByName","Ideas")" 
    id="tags" name="tags" type="text" value="Add tags separated by commas"/> 

そして、それは、ほとんど機能します。タグのリストは、通常の「自動完成」の方法ではなく、次のように表示されますが、画面の下部には

<a class="ui-corner-all ui-state-hover" tabindex="-1" 
     id="ui-active-menuitem">aaa</a> 

と表示されます。私はjQueryのUIの専門家ではない、誰も私が間違って何を知っている?

+3

スタイリングの問題のようです。あなたのページにjQuery UIのCSSテーマファイルの1つが含まれていますか? –

答えて

0

問題は非常に単純でした。私は自分のCSSファイルを混乱させました。