我们正在使用定义了数据图标的 Bootstrap 的 selectpicker()。这是我们的 HTML 代码:
<select class="selectpickerLang" name="language" id="id_language">
<option value="en-us" data-icon="icon-en-us">English, United States</option>
<option value="en-gb" data-icon="icon-en-gb">English, United Kingdom</option>
</select>
$(document).ready(function() {
$('.selectpickerLang').selectpicker();
});
(在某些情况下,我们有更多的语言环境)。
问题是按钮的标题(使用 Google Chrome 测试)包含 HTML:
<button type="button" class="btn dropdown-toggle selectpicker btn-default" data-toggle="dropdown" data-id="id_language" title="<i class="glyphicon icon-en-us"></i> English, United States"><span class="filter-option pull-left"><i class="glyphicon icon-en-us"></i> English, United States</span> <span class="caret"></span></button>
可以看到标题是“ <i class="glyphicon icon-en-us"></i> English, United States”。正确的标题是“ English, United States”。
我们使用的是 Bootstrap 2.3.2 版,但我认为这个功能是由 bootstrap-select 1.4.2 版创建的。在未来的版本中是否已修复?