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

Question

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

Answer 1

您可以通过将以下参数添加到您希望图标出现在其中的元素中，将图标添加到几乎任何东西：

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

wherearrow-l指定一个指向左的箭头。

如果您想指定自己的图标/图像而不是使用 jQuery Mobile 提供的图标/图像，那么您可以在 li 内（在您的文本之前）添加一个图像，其类为ui-li-iconor 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 文档的链接，它会更详细地向您展示如何使用它们，只需查看源代码：