0

Rails アプリで JQuery UI オートコンプリート ウィジェットを動作させようとしています。コントローラーの .js.coffee ファイルには、

$ ->
    $('#category_form').autocomplete( {source: category_array} )

ページを読み込んで #category_form フィールドに入力を開始すると、オートコンプリートの可能性のメニューが表示されますが、矢印キーでナビゲートしたり、マウスでクリックしたりすると消えます。

ページの html を調べると、ウィジェットが何かを実行していることは明らかです。たとえば、オートコンプリートの可能性が 3 つある場合、html は次のようになります。

<input id="category_form" name="service[category]" placeholder="Service category..."
size="30" type="text" class="ui-autocomplete-input" autocomplete="off">
<span role="status" aria-live="polite" class="ui-helper-hidden-accessible">
3 results are available, use up and down arrow keys to navigate.
</span>

最初は autocomplete="off" の出現に驚きましたが、これはオンラインの動作例にも当てはまります。スパン内のメッセージにもかかわらず、上下の矢印キーを使用すると、可能性のメニューが消えるだけです。

私はしばらく探し回っていますが、この正確な問題を抱えている人は他にいません。ここで何が起こっているのかを理解するのを手伝ってくれる人はいますか?

4

1 に答える 1

0

問題を解決できました。問題は、stylesheets フォルダーに .css ファイルと .min.css ファイルの両方があることでした。スタイル ルールが衝突していて、その結果、オートコンプリート ウィジェットが機能しなくなったと確信しています。.css ファイルを削除したところ、問題は解決しました。うまくいけば、これは同じ問題に遭遇した人を助けるでしょう.

于 2013-01-09T16:41:32.930 に答える