2

よし、次のような HTML 構造を持つヘッダーにインラインで 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 リンクがあります:

どんな助けでも大歓迎です。私は何年もの間これに苦労してきました。ありがとう!

4

1 に答える 1

3

タグに追加data-mini="true"すると、問題が解決するはずです。select

于 2012-04-30T21:07:13.577 に答える