0

「Click Me」という名前のリスト ビュー ヘッダーの右側にカスタム ボタンを表示して、「on click」イベントを介してアクションを実行したいと考えています。私の知る限り、JQuery にはこれを達成するための標準的な方法はありませんが、おそらくこれを達成する方法を知っているでしょう。

私が達成したいことの例として、http://jquerymobile.com/test/docs/buttons/buttons-icons.htmlを見てください。

データ アイコンが右側にあり、アイコンではなく「Click Me」と表示されているリスト ヘッダーを見ているとします。さらに、リスト ヘッダーはその要素のようにクリック可能にすることはできません。代わりに、ここでクリック可能な要素はデータ アイコンのみである必要があります。

アイデアがあれば教えてください。JQuery のせいでこれを達成することは単に不可能ですが、ありがとう!

4

3 に答える 3

2

これは私が探していたものです：

<ul data-role="listview">
    <li data-role="list-divider">
        Fruits
        <span class="ui-li-count">
            <a href="#" data-role="none" data-theme="b">
                Button
            </a>
        </span>
    </li>
    <li>Apples</li>
    <li>Grapes</li>
    <li>Others</li>
</ul>

リストの仕切りには、ボタンとして機能する SPAN が含まれていることに注意してください...非常に独創的です:)

とにかく、助けてくれてありがとう！

于 2012-06-25T23:54:42.343 に答える
1

分割ボタンのリストを探しています

于 2012-06-25T20:09:00.133 に答える
1

これは、2 つのアイコン ボタンを内部に配置できる例です。

  • <ul data-role="listview" data-inset="true" style="min-width:210px;">
                        <li data-role="list-divider">Opciones de platillo</li>
                        <li><a href="#" >Notas</a></li>
                        <li>
                                Tiempo
                           <div style="float: right;">
                              <a href="#" data-role="button" data-icon="plus" data-iconpos="notext" data-theme="c" data-inline="true">Plus</a>
                              <a href="#" data-role="button" data-icon="minus" data-iconpos="notext" data-theme="c" data-inline="true">Minus</a>
                           </div>
                        </li>
                        <li>
                                Comensal
                           <div style="float: right;">
                              <a href="#" data-role="button" data-icon="plus" data-iconpos="notext" data-theme="c" data-inline="true">Plus</a>
                              <a href="#" data-role="button" data-icon="minus" data-iconpos="notext" data-theme="c" data-inline="true">Minus</a>
                           </div>
                        </li>
                        <li><a href="#">Modificadores</a></li>
                        <li><a href="#">Terminadores</a></li>
                    <ul>
                </div>
    于 2014-08-15T17:08:20.817 に答える