3

jQuery オートコンプリート プラグインを使用しています。

ページにアクセスしてオートコンプリートされたテキスト ボックスに入力を開始すると、提案が正しく表示されますが、ページを拡大または縮小して同じボックスにテキストを入力すると、提案 div が正しく配置されません。

autocomplete は IE と FF の両方で正常に動作します。

初めてオートコンプリートを使用する前にページをズームすると、オートコンプリートは正常に機能します。

jQuery UI: 1.9.0 Chrome: バージョン 22.0.1229.94 m

これを修正するにはどうすればよいですか?

4

2 に答える 2

1

私はまったく同じ問題に直面したばかりで、解決策を1週間探していました。

生成されたjqueryを上書きするには、次のcssを追加する必要がありますposition: relative

.ui-autocomplete {
    position: absolute!important;
}

私の答えが誰かに役立つことを願っています。

于 2013-05-24T07:22:04.017 に答える
0

私を助けた1つの方法は、最後に開いたオートコンプリート入力を覚えて、サイズ変更ごとに手動で更新するブラウザのウィンドウのズーム用のイベントハンドラ関数を書くことです。同じことが日付ピッカーにも機能します。小さなタイムアウトを設定することで、いくつかの更新を保存することもできます。

        var lastOpenedInput;
        myInput.on('autocompleteopen', function (event) {
            lastOpenedInput = $(event.target);
        }

        $(window).on('resize', function () {
            if (lastOpenedInput !== undefined) {
                if (lastOpenedInput.autocomplete('widget').css('display') !== 'none') {
                    lastOpenedInput.autocomplete('search');
                }
                if (lastOpenedInput.datepicker('widget').css('display') !== 'none') {
                    lastOpenedInput.datepicker('hide');
                    setTimeout(function () {
                        lastOpenedInput.datepicker('show');
                    }, 1000);
                }
            }
        });
于 2017-08-02T13:28:33.983 に答える