jquery-mobile – 在jQuery Mobile选择菜单旁边添加图像

data-icon="arrow-l" data-iconpos="left"

其中arrow-l指定一个指向左侧的箭头.

如果你想指定你自己的图标/图像而不是使用jQuery Mobile提供的图标/图像,那么你可以在li里面(在你的文本之前)添加一个图像,使用ui-li-icon或ui-li-thumb ：

<li>
    <img src="images/gf.png" alt="France" class="ui-li-icon">
    <a href="#">Social Triangle</a>
</li>

ui-li-icon,似乎限制为16px X 16px,并使用以下css条件：

ui-li-icon {
max-height: 16px;
max-width: 16px;
}

ui-li-thumb,似乎限制为80px X 80px,并使用以下css条件：

.ui-li-thumb {
max-height: 80px;
max-width: 80px;
}

如果您查看上面的jQuery Mobile文档链接,它会向您展示如何更详细地使用它们,只需检查源代码：