0

jquery オートコンプリート プラグイン (http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/) を使用しています。Firefox では問題ありませんが、Chrome では問題が発生しています。表示されるオプションのリストは一度に表示できる長さよりも長いため、横にスクロールバーがあります。スクロールバーでリストをスクロールすると、リストの外をクリックしてもリストが閉じなくなりました。

私はこれに困惑しています - 誰かが私にそれを修正する方法を教えてもらえますか、それとも閉じない理由を診断することさえできますか?

乾杯、マックス

編集 - この同じ問題は、このページのオートコンプリート デモで見ることができます: http://jquery.bassistance.de/autocomplete/demo/

これらのケースはどちらも Chrome で発生します (Linux では 6.0.472.62 ベータ版ですが、Windows でも見られます)。

ケース 1 - 正常に動作: 最初の入力に「a」と入力します。リストが表示されます。マウスを「Adelphi」に移動します。マウスを横に動かしてリストの外に出します - "Adelphi" はハイライトされたままです。ページの空白部分をクリックすると、リストが消えます。

ケース 1 - 壊れている: 最初の入力に「a」と入力します。リストが表示されます。「アムステルダム」が表示されるまでリストを下にスクロールします。マウスを 'Amsterdam' に移動して強調表示します (ただし、クリックしないでください)。マウスを横に動かしてリストの外に出します - "Amsterdam" がまだ強調表示されているはずです。ページの空白部分をクリックします - リストは消えません。これは私が遭遇している問題です。

4

1 に答える 1

0

1つには、Chrome の CSS エディターで入力サイズを に設定しても、プラグインのデモは問題なく動作します。50px横スクロールなし。
それでも、回避策を見つける必要がある場合は、オプションの配列全体が表示されます。

  1. formatItemハンドラーで JavaScript を使用して結果を切り捨てる: http://docs.jquery.com/Plugins/Autocomplete/autocomplete#url_or_dataoptions
  2. css によるリスト プロパティの設定: 次のようなものbody > .ac_results > ul > li {overflow: hidden}
于 2010-10-07T15:40:52.743 に答える