jquery - JQuery Mobile 中的自定义标题按钮

Question

我正在使用 JQuery Mobile 开发一个应用程序。我需要在标题栏中使用的按钮中使用自定义图像。但我不确定如何使用自定义图像。我已经查看了此处找到的文档:http://jquerymobile.com/demos/1.0.1/docs/toolbars/docs-headers.html 。

我的自定义图像位于“/imgs/header/custom.png”。如何在 JQuery Mobile 应用程序标题的按钮中使用此图像？

谢谢!

Answer 1

如果您想使用自定义图标，那么您可以这样做:

CSS --

.ui-icon-custom {
    background-image: url(/imgs/header/custom.png) !important;
}

HTML --

<a data-icon="custom" href="#">Custom</a>

来源:http://jquerymobile.com/demos/1.0.1/docs/buttons/buttons-icons.html (页面底部)