JQuery Mobile中的自定义标题按钮 [英] Custom Header Buttons in JQuery Mobile

问题描述

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

I am working on an application with JQuery Mobile. I need to use a custom image in a button that is used in a header bar. I'm not sure how to use a custom image though. I've reviewed the documentation found here: http://jquerymobile.com/demos/1.0.1/docs/toolbars/docs-headers.html.

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

My custom image is located at "/imgs/header/custom.png". How do I use this image in a button in the header of a JQuery Mobile application?

谢谢！

推荐答案

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

If you mean that you want to use a custom icon then you can do this:

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

Source: http://jquerymobile.com/demos/1.0.1/docs/buttons/buttons-icons.html (the bottom of the page)

这篇关于JQuery Mobile中的自定义标题按钮的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！