1

データアイコンが定義された 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="&lt;i class=&quot;glyphicon icon-en-us&quot;&gt;&lt;/i&gt; English, United States"><span class="filter-option pull-left"><i class="glyphicon icon-en-us"></i> English, United States</span>&nbsp;<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 で作成されていると思います。将来のバージョンでは修正されていますか?

4

0 に答える 0