javascript - Jquery Mobile - "notext"删除按钮图标

Question

好吧，我的标题中有 2 个内联按钮，其 HTML 结构如下:

    <div id="applicationHeader" data-role="header"  data-theme="b">
        <h1 id="chatHeader" class="ui-title" tabindex="0" role="heading" aria-level="1">Room</h1>
        <a id="chatroomBackButton" href="#listOfChatsPage" class="ui-btn-left" data-role="button" data-icon="back"   data-transition="reverse slide">Back</a>
        <div data-type="horizontal"  class="ui-btn-right">
            <a role="button" aria-haspopup="true"  class="ui-btn-inline" style="margin-right:10px" >                    
                <select id="additionalOptions" data-icon="plus" data-iconpos="notext" data-native-menu="false">
                    <option id="addTask" value="0" href="#taskEntryPage">Add Task</option>
                    <option id="fetchMessages" value="1">Get More Messages</option>
                </select>
            </a>
            <a role="button" aria-haspopup="true"  class="ui-btn-inline ">
                <select id="subchatList" data-icon="grid" data-iconpos="notext">
                    <!--<option value="0">Main Chat</option>-->
                </select>
            </a>
        </div>

    </div> <!--end header-->

但由于某种原因，当我升级到 1.1 时，data-iconpos="notext" 不再呈现图标。这是一个jsfiddle链接:Example

任何帮助将不胜感激，我已经为此奋斗了亿万年。谢谢!

Answer 1

将 data-mini="true" 添加到您的 select 标记中，这应该可以解决您的问题。