0

jQueryUI のオートコンプリート機能を備えたテキスト ボックスがあります。#catcher の ID を持つ div に結果を追加したいと考えています。現在、結果はテキスト入力のすぐ下にのみ追加されます。オートコンプリートの初期化で appendTo オプションを指定しようとした場所を確認できます。また、appendTo オプションをコンソールに書き込むと、正しい ID が出力されますが、結果はそこに追加されません。オートコンプリートの結果が間違った場所に追加されるのはなぜですか?

JS

 $(document).ready(function ()
            {

                $('#nameAutoComplete').autocomplete(
                {

                    source: ['one', 'two', 'three', 'four', 'five', 'six', 'seven'],
                    appendTo: '#catcher'

                });
                //prints #catcher to the console
                console.log($('#nameAutoComplete').autocomplete('option', 'appendTo'));


            });

HTML

<form id="form1" runat="server">
    <div>
    <input name="nameAutoComplete" type="text" id="nameAutoComplete" />
    //results should be appended here 
    <div  id="catcher"></div>
    </div>
    </form>

CSS

#catcher
{
    border: 3px dashed #ccc;
    width:250px;
    min-height:500px;
    float:right;
}
4

1 に答える 1

1

catcher div が右に浮いているために起こると思います。わからない。フロートを外してみてください。

私は同じフィドルを作成しました。キャッチャー要素に追加されません。しかし、追加後にどのような動作が必要かわかりません。そこから離陸できるかもしれません。フィドル: http://jsfiddle.net/FbRFj/

内部をオーバーライドできます

_renderItem

結果をまったく別の要素に直接追加するには、

于 2013-10-01T14:17:25.980 に答える