jquery-mobile - 在 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 文档的链接，它向您展示了如何更详细地使用它们，只需检查源: