Bootstrap-Select Non mostra i tick accanto alle opzioni selezionate (Multiple) - css, twitter-bootstrap, bootstrap-select

Ho un problema con il selettore dove sto definendo:

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

Tuttavia, quando seleziono i dati, non lo famostrami i segni di spunta accanto alle opzioni. Sto usando bootstrap 2.3.2 con bootstrap-select. Ho aggiunto il mio css e js ai miei asseriti. Posso scegliere e ottenere i valori, tuttavia, non sono in grado di vedere i segni di spunta accanto alle opzioni quando li seleziono.

Saluti,

risposte:

È sempre saggio esaminare gli script che stai utilizzando anche se non significano molto, avranno un senso dopo un po '.

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

Vedi le linee 942-965 e trova vicino al fondo:

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

Questo valore predefinito è glyphicon, parte di Bootstrap 3. Dovrai installare questo font o usare Font Awesome (vai al loro sito, segui le istruzioni) e cambia i due valori quando chiami lo script:

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

aggiungi Font Awesome css nella tua pagina HTML.

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

e sostituiscili bootstrap-select.js e bootstrap-select.min.js

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

a

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