2016-07-20 1 views
0

小さいスクリーンサイズでブートストラップの自動ドロップが発生しないようにしようとしています。Railsフォームのドロップダウンを無効にする - ブートストラップ

S.O.質問hereに追加すると、属性data-dropup-autoが追加され、falseに設定されますが、そうしても機能しません。 Chromeデベロッパーコンソールからの選択ドロップを調べると、存在する属性が明らかになり、正しくfalseに設定されます。

ここでは、私が選択したフォームのコードを示します。デベロッパーコンソールで

<%= f.select(:countries_id_eq, Country.order(:name).collect{|c| [c.name,c.id]}, {:prompt => "Exam Cycle"}, { :class => 'form-control input-lg', "data-dropup-auto" => "false" }) %> 

、選択はこの

<select class="form-control input-lg" id="q_universities_id_eq" name="q[universities_id_eq]" data-dropup-auto="false"><option value="">Subjects</option>...</select> 

のようにレンダリングするすべてのヘルプははるかに高く評価されるだろう。

+0

別のSOの質問にリンクしていましたか?また、レンダリングされたHTMLページに行き、 'select'がどのように見えるかをここに貼り付けてください。 – nicholas79171

+0

@ nicholas79171私は今両方で追加しました。 – ConorB

答えて

1

this answerのコメントに記載されているように、属性値はブール値であるため、引用符を削除する必要があります。

<%= f.select(:countries_id_eq, Country.order(:name).collect{|c| [c.name,c.id]}, {:prompt => "Exam Cycle"}, { :class => 'form-control input-lg', "data-dropup-auto" => false }) %> 
+0

答えをくれてありがとうNicholas - そのコメントも見て、試しましたが、残念ながら小さな画面サイズでドロップダウンがドロップダウンしたのと同じ動作になりました。 – ConorB

+0

'bootstrap-select.js'ファイルのデフォルト値を編集しようとしましたか?私にとっては298行目です。それをfalseに設定するのがいいでしょう。 – nicholas79171

+0

私は残念ながら同じ行動をしています。 – ConorB

関連する問題