Bootstrap-Select Zeigt keine Ticks neben den gewählten Optionen (Multiple) an - css, twitter-bootstrap, bootstrap-select

Ich habe ein Problem mit Selector, bei dem ich Folgendes definiere:

 <select name="provs[]" id="prov" class="selectpicker" data-live-search="true" required multiple>

Wenn ich die Daten auswähle, werden sie jedoch nicht angezeigtZeig mir die Häkchen neben den Optionen. Ich benutze Bootstrap 2.3.2 mit Bootstrap-Select. Ich habe die CSS und Js von ihnen zu meinen Behauptungen hinzugefügt. Ich kann die Werte auswählen und abrufen, ich kann jedoch die Haken neben den Optionen nicht sehen, wenn ich sie auswähle.

Prost,

Antworten:

Es ist immer ratsam, die von Ihnen verwendeten Skripte durchzugehen, auch wenn sie nicht viel bedeuten, sie werden nach einer Weile sinnvoll.

Referenz: https://github.com/caseyjhol/bootstrap-select/blob/master/bootstrap-select.js

Siehe Zeilen 942-965 und finden Sie in der Nähe des Bodens:

$.fn.selectpicker.defaults = {
.... // bunch of default settings
iconBase: "glyphicon", // the font family for the checkmark
tickIcon: "glyphicon-ok", // classname for the checkmark
...
};

Dies ist standardmäßig Glyphicon, Teil von Bootstrap 3. Sie müssen diese Schriftart installieren, oder Sie können Font Awesome verwenden (gehen Sie zu deren Website, befolgen Sie die Anweisungen) und ändern Sie die beiden Werte, wenn Sie das Skript aufrufen:

 $(".selectpicker").selectpicker({
iconBase: "NameofFOnt",
tickIcon: "classname"
});

Fügen Sie in Ihrer HTML-Seite Font Awesome css hinzu.

 <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">

und ersetzen Sie diese in bootstrap-select.js und bootstrap-select.min.js

iconBase: "glyphicon", tickIcon: "glyphicon-ok"

zu

iconBase:"fontawesome",tickIcon:"fa fa-check"