在jQuery Mobile旁边添加图像选择菜单

Question

是否可以在下图中的jQuery Mobile选择菜单旁边添加某种图标？如果是这样,那么所需的图像尺寸是多少？提前致谢!

Answer 1

您可以通过将以下参数添加到您想要图标显示的元素来将图标添加到几乎任何内容：

 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 文档链接，它会向您展示如何更详细地使用它们，只需检查源代码即可：