私は Twitter Bootstrap 2.2.2 を使用して Web アプリケーションに取り組んでいます。
複数の値に JQuery オートコンプリートを含めようとしています: http://jqueryui.com/autocomplete/#multiple
これは、ユーザーが 2 つのドメイン クラス間の hasMany 関係から複数の選択を行えるようにするためです。
ブートストラップなしで新しい grails プロジェクトで jquery オートコンプリートをテストしましたが、完全に機能します。
ただし、それをプロジェクトに含めてヘッダーのビューにブートストラップ レイアウトを追加するとすぐに、テキスト フィールドのスタイルが変更され、オートコンプリート機能が機能しなくなります。
したがって、テキストフィールドのブートストラップスタイルに関連していると思いますが、この問題を解決する方法がわかりません。
どんな助けでも大歓迎です。
競合しているようですね。ブラウザのコンソールを見て、エラー出力を確認することをお勧めします。
競合がある場合は、Bootstrap 名前空間を変更してみてください。
「他の UI フレームワークで Bootstrap プラグインを使用する必要がある場合があります。このような状況では、名前空間の競合が発生することがあります。これが発生した場合は、値を元に戻したいプラグインで .noConflict を呼び出すことができます。」
var bootstrapButton = $.fn.button.noConflict() // return $.fn.button to previously assigned value
$.fn.bootstrapBtn = bootstrapButton // give $().bootstrapBtn the bootstrap functionality
または、 JQuery UI namespace を変更することもできます。ただし、これら 2 つの UI フレームワークは一緒にうまく機能するはずです。この例は、JQuery UI Bootstrapプロジェクトです。