セマンティックui with select2

Question

セマンティックUIの使用に問題があります。Select2 全文検索でセレクトボックスが必要なので、Select2を見​​つけてセマンティックUIでスタイル指定してください。しかし、この2つのライブラリは問題を作ります。私は解決できません。だから私は助言を求める。画像に問題があり、コードが添付されています。

HTML：

<select name="roles" id="frm-roles" class="ui dropdown"> 
    <option value="985">Admin</option> 
    <option value="785">Guest</option> 
</select> 

のjQuery：

$('#frm-roles').select2(); 

Result on page

は、なぜ選択ボックスが別のものに含まれていますか？ありがとう

Answer 1

これは、最初にdropdown()を初期化し、次に同じ要素のselect2()を初期化するためです。

あなたはあなたのコードからdropdown()呼び出しを削除（$('.ui.dropdown').dropdown()または$('#frm-roles').dropdown()のようなものを検索）またはdropdown()がこの要素（#frm-roles）で呼び出されていないような別の方法であなたのコードを変更する必要があります。