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標籤，並且應該更正您的問題。