[解決済み] 「Select2のクエリ関数が未定義であることを示すエラー。

質問

Select2を使おうとして、複数の項目の入力/テキストフィールドでこのエラーが発生します。

"query function not defined for Select2 undefined error"

どのように解決するのですか？

このgoogleグループのスレッドに記載されています。

この問題は、select2 によって追加された余分な div が原因でした。select2 は、作成された select をラップするために、クラス "select2-container form-select" を持つ新しい div を追加しました。そのため、次に関数を読み込むと、select2がdiv要素にアタッチされているため、エラーが投げられました。セレクタを変更してみると...

select2 css 識別子の前に特定のタグ名 "select"を付けてください。

$('select.form-select').select2();