Question

是否可以在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个图标（删除和编辑图标），而不是一个“齿轮”图标）要么 - 一个图标，用于选择（编辑/删除）或某种对话框，有2个选项可供选择。

Answer 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。

Jquery mobile listview splitbutton with edit＆amp;删除选项

1 个答案: