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

Question

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

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

但是,当我选择数据时,它不会显示选项旁边的刻度.我正在使用bootstrap 2.3.2与bootstrap-select.我将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'
});

Answer 2

这个“问题”在 Bootstrap 4 中仍然存在，因为 Bootstrap-select 使用 Glyphicon。将所有答案放在一起这对我有帮助（BS4.3.1、fa 5.7.1、BS-select 1.13.8）：

<select data-icon-base="fas" data-tick-icon="fa-check">

使用此处提到的蛇盒