1

タグには xoxco jQuery タグシステムを使用し、そのオートコンプリート システムを.. 待って... オートコンプリート! http://xoxco.com/projects/code/tagsinput/

次に、CSS で 3 つの異なるクラスを変更して、このリストのスタイルを設定します。

ui-autocomplete
ui-menu-item
ui-corner-all

このタグウィンドウのすぐ下に他のコンテンツがあり、オートコンプリートリストがタグ入力の下に表示されると、下のコンテンツが下に移動せず、オートコンプリートがその上に表示されるという問題があります。

追加した:

例: http://jsfiddle.net/jQm2C/1/show/ 私が望むのは、オートコンプリート リストをタグ内に配置することです。または、私がしたい任意のタイプのタグ。特に div または span タグの間。

どうすればこれを解決できますか?

追加#2:

jQuery でいくつかの調査を行った後、私がやりたいことをさらに説明できると思います。オートコンプリート リストである を div に追加したいと考えています。私はそれを行う方法を理解することはできませんが。

4

1 に答える 1

1

最後に修正しました!http://jsfiddle.net/jQm2C/7/show/

私がしたことは、オートコンプリート リストの「トップ クラス」を、この jQuery コードを使用して名前を.ui-autocomplete付けた divに追加することでした。.test

$('.test').append($('.ui-autocomplete'));

次に、リストのスタイルを設定するために、この CSS を作成しました。何らかの理由で、動作を停止させずに CSS を CSS ボックスに入れることはできません。

.ui-autocomplete{
    position: static !important;
    float:none !important;
    display:inline-block;
}
于 2012-09-13T16:46:39.437 に答える