jQuery Mobile更改数据拆分图标

Question

我想更改为data-split-icon。

jQuery Mobile Api说： 可以通过添加data-split-icon来在列表级别设置拆分按钮的图标。

因此我尝试了：

    <li data-split-icon="minus">

您可以在此处尝试：fiddle

不幸的是它不起作用

Answer 1

在你的jsfiddle中有一个jqueryUI dependece。如果删除它，那么它将按预期工作。 Apparentrly存在冲突。一般来说，我认为jqueryUI和jqueryMobile不能很好地协同工作。

选中此fiddle

Answer 2

要为特定拆分按钮设置不同的图标，请在HTML标记中添加data-icon拆分按钮。

<li>
  <a href="#">
    <h2>Broken Bells</h2>
  </a>
  <!-- split button -->
  <a data-icon="minus"></a>
</li>

  

<强> Demo