1

私のアプリはrails3-autocomplete-jqueryに基づいて います。関連するフィールドが歪んでいることを除けば、すべてうまくいっています。下の画像を参照してください。

ここに画像の説明を入力

ご覧のとおり、オートコンプリート gem によって自動生成された説明によって、フォーム フィールドが歪んでいます。説明全体をカスタマイズまたは削除できるかどうかを知りたいです。また、出てくる説明や選択肢をどのように位置付ければよいでしょうか。

よろしくお願いいたします。それは有り難いです。

4

3 に答える 3

3

次の css をコードに追加するだけです。

.ui-helper-hidden-accessible{ display:none}
于 2013-01-01T05:42:17.123 に答える
0

jQuery UIを使用していますか？私の知る限り、それはいくつかの基本的なスタイルを与えるので、他のコンテンツの上に表示されます。デフォルトを上書きする独自のCSSを作成することで、自分でスタイルを設定できます。メッセージの内容を変更するかどうかはわかりませんが。ソースを変更するか、APIhttp://api.jqueryui.com/autocomplete/に何かがある可能性があります

于 2013-01-03T18:06:57.550 に答える
0

コードがなければ、一般的な Web 開発のアドバイス以外に何かを提供することは困難です。この質問は、現在の形式では実際には答えられませんが、問題に関するコメントをいくつか示します。

  • コードベースと関連するjsファイルをgrepして、「利用可能、上下矢印を使用」してください。ページに表示されるメッセージは、それを生成するために使用されるコードのどこかにある必要があります。そこから作業して、そのメッセージがどのように定義されているか、およびそれをオーバーライドできるかどうかを確認します。おそらく、メッセージを変更するためにフィードできるパラメーターがあるか、自分で JavaScript を提供してメッセージを変更することができます。

  • 配置に関しては、CSS を更新するだけです。Google Chrome を使用して、候補リストの要素を右クリックして調べると、どの CSS ルールが適用されているか、およびさまざまなもののクラス名が何であるかを確認できます。これらのルールを定義するスタイルシートを見つけて編集するか、ルールを追加して上書きします。一般に、Chrome の Webkit インスペクターは、どの CSS ルールが問題を引き起こしているかを診断するのに非常に役立ちます。

最後に、これの原因についていくつか推測します。

  1. jquery-ui で使用されるデフォルトの配置を台無しにする、過度に広範な CSS ルールがいくつかある可能性があります。
  2. また、使用している jquery または jquery-ui のバージョンと、関連するスタイルシートとの間に互換性がない可能性もあります。両方の最新バージョンを再インストールしてみてください。おそらく、提案はより見栄えがよくなります。
  3. jquery-ui スタイルシートがまったく含まれていない可能性があります。これらの提案は、実際にはスタイルも配置もされていないように見えるため、CSS ディレクティブのセットが欠落している可能性があります。
于 2013-01-03T21:01:04.827 に答える