如何将拆分按钮列表视图上的 jquery mobile 自定义为 3 个锚点？答案

【问题标题】：how to custom jquery mobile on split button listview to 3 anchors?如何将拆分按钮列表视图上的 jquery mobile 自定义为 3 个锚点？
【发布时间】：2013-03-24 09:42:35
【问题描述】：

我想将列表视图拆分按钮上的 jquery mobile 自定义为列表的 3 个链接。 http://jquerymobile.com/demos/1.1.0/docs/lists/lists-split.html

这就是我想要的例子：

感谢您的帮助。

【问题讨论】：

标签： jquery html css jquery-mobile

【解决方案1】：

我最终不得不创建一个带有网格结构的自定义列表，以使其完美。它不是轻量级的代码，而是更灵活。当您支持越来越多的设备时，这一点尤其重要。看看 jquery mobile 可用的网格结构。 http://jquerymobile.com/test/docs/content/content-grids.html

【讨论】：

【解决方案2】：

请在下面找到将列表视图拆分按钮分成 3 个链接的代码。

<ul data-role="listview" data-inset="true" data-split-theme="d" data-split-icon="check" >
<li>
 <a href="index.html">
  <img src="images/album-bb.jpg" />
  <h3>Test 1</h3>
 </a>

<a id="delete" data-icon="delete" class="ui-li-link-alt ui-btn ui-btn-up-c" data-transition="slideup" data-rel="dialog" href="lists-split-purchase1.html" title="Delete" data-theme="c" style="left: 939px;">
<span class="ui-btn-inner ui-btn-corner-all">
<span class="ui-icon ui-icon-delete ui-icon-shadow">&nbsp;</span>
</span>
</a>

<a id="edit"  data-icon="minus" data-transition="slideup" data-rel="dialog" href="lists-split-purchase2.html" title="Edit " data-theme="c">
</a>
</li>
</ul>

【讨论】：