css - Bootstrap-Select 不在所选选项旁边显示刻度(多个)

Question

我的选择器有问题，我定义为:

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

但是，当我选择数据时，它没有显示选项旁边的勾号。我正在使用带有 bootstrap-select 的 bootstrap 2.3.2。我将它们的 css 和 js 添加到我的断言中。我可以选择并获取值，但是，当我选择它们时，我看不到选项旁边的勾号。

干杯，

Answer 1

查看您正在使用的脚本总是明智的，即使它们意义不大，过一段时间它们就会有意义。

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

查看第 942-965 行并位于底部附近:

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

这默认为 glyphicon，Bootstrap 3 的一部分。您需要安装此字体，或者您可以使用 Font Awesome(转到他们的网站，按照说明操作)并在调用脚本时更改两个值:

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