Jquery mobile jquery mobile 1.4 alpha 2，带按钮的图标

我希望左侧有一个图标，右侧有一个文本，不使用按钮标记，而是使用div或span

我不知道该怎么做，我试过这样做：

<a href="index.html" data-role="button" data-icon="arrow-l" data-iconpos="left">Left</a>

将a标记替换为div或span，但它不显示任何图标

在我这边：

<a href="index.html" data-role="button" data-icon="arrow-l" data-iconpos="left">my text</a>

---

感谢您的快速回答，但我看不到任何图标（最新版本的firefox和chrome）。我不想有一个按钮，但只是一个文本和附近的图标（左或右我真的不在乎）的链接没有工作-更新和包括一个快照，请看上面。你不想要按钮是什么意思？如果我理解正确，您正在避免使用

和

，但希望使用

div

/

a

实现按钮式效果？如果是这样的话，我的示例可以工作，如果您想要实现这种外观，您需要包括data role=button属性。如果没有，请详细说明。谢谢你的新jsbin。我知道该怎么做，因为我使用jqm已经有一段时间了，但这不是我想要的，我将进一步阐述：我不想要按钮效果，只想要图标（使用图标小部件，根据浏览器处理svg/png）和附近的文本。它将嵌入一个可折叠的标题中。我尝试了很多方法来移除按钮效果，并尝试保留图标和文本（没有链接样式），但到目前为止都没有效果，文档中也没有关于它的内容。也许在问题本身中包含这些信息，这样其他人就不会错过它。您还可以提供一个可折叠标题的片段吗？如果您使用的是标准标题，我提供了一个带有自定义图标的示例。

<div href="index.html" data-role="button" data-icon="arrow-l" data-iconpos="left">my text</div>

<div data-role="collapsible" data-collapsed-icon="arrow-r" data-expanded-icon="arrow-d" >
   <h3>Header1</h3>
   <p>Content 1</p>
   <p>Content 2</p>
</div>