Question

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

    <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代码中，这样可以解决您的问题。

Jquery Mobile - “notext”删除按钮图标

1 个答案: