2

好的，所以我的标题中有 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 链接：示例

任何帮助将不胜感激，我一直在为此苦苦挣扎。谢谢！

4

1 回答 1

3

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

于 2012-04-30T21:07:13.577 回答