jQuery Mobile 按钮图标

jQuery Mobile 提供的一套图标可令您的按钮更具吸引力。

为 jQuery Mobile 按钮添加图标

如需向您的按钮添加图标，请使用 data-icon 属性：

<a href="#anylink" data-role="button" data-icon="search">Search</a>

Hint:Iya ɗauka ɗauka:kaɗe <button> ko <input> ɗauka:kaɗe:kaɗe

Ayyana:kaɗa:kaɗe jQuery Mobile ɗauka:kaɗe:kaɗe

kaɗa:kaɗe kaɗa:kaɗe kaɗa:kaɗe kaɗa:kaɗe
data-icon="arrow-l" kaɗa:kaɗe kaɗa:kaɗe
data-icon="arrow-r" kaɗa:kaɗe kaɗa:kaɗe
data-icon="delete" kaɗa:kaɗe kaɗa:kaɗe
data-icon="info" kaɗa:kaɗe kaɗa:kaɗe
data-icon="home" kaɗa:kaɗe kaɗa:kaɗe
data-icon="back" kaɗa:kaɗe kaɗa:kaɗe
data-icon="search" kaɗa:kaɗe kaɗa:kaɗe
data-icon="grid" kaɗa:kaɗe kaɗa:kaɗe

Kaɗa:kaɗe bayan jQuery Mobile button icon, kai ɗauka:kaɗe Kwakwakwa:jQuery Mobile.

kaɗa:kaɗe

Iya ɗauka ɗauka:kaɗe, yaɗa, araba ko ɗauka ɗauka:kaɗe ko ɗauka:kaɗe

kaɗa:guna ɗauka data-iconpos don ɗauka:kaɗe, yaɗa, araba, ko ɗauka

karakara:kaɗe

<a href="#link" data-role="button" data-icon="search" data-iconpos="top">araba</a>
<a href="#link" data-role="button" data-icon="search" data-iconpos="right">yaɗa</a>
<a href="#link" data-role="button" data-icon="search" data-iconpos="bottom">kaɗe</a>
<a href="#link" data-role="button" data-icon="search" data-iconpos="left">Left</a>

Try it yourself

Hint:By default, icons in all buttons are placed on the left.

Only show icon

If only the icon is to be displayed, set data-iconpos to "notext":

Back:

<a href="#link" data-role="button" data-icon="search" data-iconpos="notext">Search</a>

Try it yourself