JQuery Mobile中的自定义标题按钮

时间:2012-02-07 23:49:27

标签: jquery jquery-mobile

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

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

谢谢!

1 个答案:

答案 0 :(得分:3)

如果您想使用自定义图标,则可以执行以下操作:

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(页面底部)