Select2 Selektieren Seltsames Overlay

Question

Wenn die Seite anfänglich geladen wird, kann der Platzhalter nicht gesehen werden und es gibt einen seltsamen Kreis (ich denke, er hängt mit der Suchfunktion in Select2 zusammen) in der unteren rechten Ecke, der den Platzhalter überlagert.

Dann, als eine Option aus dem Dropdown-Select2 ausgewählt wird, zeigt die Option, aber das gesamte Gebiet ist aufgrund dieses Kreises Overlay nach unten gedrückt.

Wenn ich die Auswahl zu löschen, zeigt der Platzhalter, aber der Kreis ist immer noch da.

Meine Anwendung verwendet Backbone und Mario

Hier ist der Code, den ich in meiner JS-Datei mit bin (ich habe mit der minimumResultsForSearch Option gespielt, aber habe kein Glück gehabt).

this.$el.find("#categorySelect").select2({ 
    multiple: true, 
    allowClear: true, 
    minimumResultsForSearch: -1, 
    placeholder: "Categories" 
}) 

Hier ist der Code ich in meiner .tpl Datei mit

<select id="categorySelect" name="Categories" multiple="multiple" class="form-control" style="width: 100%;"> 
    <% for(category in categories){ %> 
     <option value="<%=categories[category].title%>" 
     <% if (categories[category].active == true) { %> 
      selected 
     <%}%> 
     > 
     <%=categories[category].title%></option> 
    <% }; %> 
</select> 

Answer 1

Ihre Bestellung von Skripten nicht korrekt ist, müssen Sie jQuery laden, bevor Sie es benutzen.

Sie versuchen auch, select2 für Elemente zu initialisieren, die noch nicht vorhanden sind, d. H. Bevor die Ansicht tatsächlich gerendert wird.

Und es gibt Somethings, die keinen Sinn macht wie

this.$el.html(_.extend(this.template(modelJSON))); Warum würden Sie versuchen, eine HTML-Zeichenfolge zu verlängern?

oder

$(function(select2) { 
    App.start(select2); 
}); 

Was select2 als erstes Argument für jQuery bereit Event-Handler ist vorbei?

Bitte versuchen Sie den Code zu verstehen, den Sie schreiben, und warum Sie ihn schreiben.

Alle diese Probleme zu beheben gibt so etwas wie http://jsfiddle.net/az5dksyz/2/.

Es ist auch eine gute Idee, nicht id in Vorlagenzeichenfolgen zu verwenden, da sie mehrfach gerendert werden konnten und keine Inline-Stilregeln in ihnen verwenden.