Semantic UI mit select2

Question

Ich habe ein Problem mit der Verwendung von Semantic UI und Select2 Ich möchte eine Auswahlbox mit Volltextsuche, so dass ich ein Select2 und stilisiert durch semantische ui fw finden. Aber diese zwei Bibliotheken machen ein Problem, das ich nicht lösen kann. Also bitte ich dich um Rat. Sie können ein Problem im Bild sehen und ich habe Code angehängt.

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

Also, warum ist eine Auswahlbox in eine andere enthalten? Danke

Answer 1

Dies passiert, weil Sie zunächst dropdown() und dann select2() auf demselben Element initialisieren.

Sie haben die dropdown() Anruf aus dem Code (Suche nach so etwas wie $('.ui.dropdown').dropdown() oder $('#frm-roles').dropdown()) oder ändern Sie Ihren Code in einer anderen Art und Weise zu entfernen, so dass dropdown() nicht auf dieses Element aufgerufen wird (#frm-roles).