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标签，并且应该更正您的问题。