我们正在使用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创建的。它是否已在未来版本中修复?