jquery mobile 如何设置自定义按钮牛

像这种的按钮该如何实现呢?...
2026年09月25日 16:14
有3个网友回答
网友(1):

一般我们在 jQuery Mobile 中定义个按钮的方法如下:

返回首页

data-icon 的值是 jQuery Mobile 预设好的,这里有个完整的列表(http://jquerymobile.com/demos/1.0rc1/docs/buttons/buttons-icons.html)。

如果我们想使用自己的图标,那么可以指定一个其他的 data-icon 的值,例如   

data-icon="send-msg"

然后我们可直接在 CSS 定义:

.ui-icon-send-msg {background:url('/images/mail2_16x16.gif') no-repeat 0 0;}

相当于 ui-icon- 加上你指定的 data-icon 就是对应的 css 的 class 值。

网友(2):

自己写样式 用i标签 挂class 把这些小图标 切在一张图上 用background-position 去定位 不明白的 进群 88986603

网友(3):

跟pc端一样,切图定位