3

jquery mobile listviewの行のボタンにアクション/選択を入れることは可能ですか?

これが私が試したコードですが、うまくいきません。これができるかどうかわかりませんか？

<ul data-role="listview" data-split-icon="gear">
  <li>
    <a href="/somewhere/">Somewhere description</a>
    <div data-role="controlgroup" data-type="horizontal">
      <a href="/somewhere/delete/">ble</a>
      <a href="/somewhere/delete/">Delete</a>
    </div></li>
  </li>
</ul>

私が役立つと思う2つのオプションがあります。- 1 つの「歯車」アイコンの代わりに 2 つのアイコン (削除 & 編集アイコン) または - 選択 (編集/削除) を開始する 1 つのアイコン、または選択する 2 つのオプションを含むある種のダイアログ。

4

1 に答える 1

1

試す

<ul data-role="listview" data-split-theme="a" data-inset="true">
    <li>
        <div class="ui-grid-a" >

            <div class="left-li ui-block-a "  >
                <h3>xxxxx xxx xxxx x xx xxxxx xxx xxxx x xx</h3>
            </div>
            <div class="right-li ui-block-b "   >
                <a class="ui-shadow ui-btn ui-corner-all ui-icon-edit ui-btn-icon-notext ui-btn-inline">Button</a>
                <a class="ui-shadow ui-btn ui-corner-all ui-icon-delete ui-btn-icon-notext ui-btn-inline">Button</a>
            </div>


        </div>
    </li>
    </ul>

<style>
.right-li {
    text-align: right;
}
.left-li {

}

.ui-grid-a>.ui-block-a{
width:75%;
}

.ui-grid-a>.ui-block-b {
width:25%;

}

</style>

jquery mobile 1.4.3 を使用していることに注意してください。

于 2014-07-19T04:43:59.890 に答える