Ikoni za mifano ya jQuery Mobile

Kitu cha ikoni kilichotolewa na jQuery Mobile kinaweza kufikia uharibifu wa gurusha kwa mifano yako.

Kuingia ikoni kwa mifano ya jQuery Mobile

Kuwa na ikoni katika mifano ya jQuery Mobile, tumia data-icon:

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

Msaada:Wewe pia unaweza kutumia data-icon katika upengine wa <button> au <input>.

Ninaweza kumtaarifu ikoni zinginezo zilizotolewa na jQuery Mobile:

Chaguo cha matumizi Maelezo Ikoni Mifano
data-icon="arrow-l" Ushoto wa kushoto Mchakato
data-icon="arrow-r" Ushoto wa kushoto Mchakato
data-icon="delete" Fungua Mchakato
data-icon="info" Habari Mchakato
data-icon="home" Makao ya kwanza Mchakato
data-icon="back" Rudi Mchakato
data-icon="search" Tafuta Mchakato
data-icon="grid" Makao Mchakato

Kuwa na habari zaidi kuhusu ikoni za mifano ya jQuery Mobile, tafadhali nia Kitabu cha mifano ya jQuery Mobile.

Kueleza ikoni

Wewe pia unaweza kumengeneza eneo la ikoni iliyotumiwa: juu, kushika, chini au kushoto.

Tumekuwa wakati huu kumengeneza data-iconpos kwa kuzingatia eneo:

Viwango vya eneo la ikoni:

<a href="#link" data-role="button" data-icon="search" data-iconpos="top">ingia kwa eneo la kushika</a>
<a href="#link" data-role="button" data-icon="search" data-iconpos="right">ingia kwa eneo la kushika</a>
<a href="#link" data-role="button" data-icon="search" data-iconpos="bottom">ingia kwa eneo la kushika</a>
<a href="#link" data-role="button" data-icon="search" data-iconpos="left">Kushinda</a>

Kutendaa tena

Msaada:Kwa muundo wa kawaida, ikoni zote za kila binu zinapokwenda kushinda eneo la kwanza.

Kusadika ikoni tu

Kama inafaa kusadika ikoni tu, tafadhali ingiza data-iconpos kwa "notext":

Tazama

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

Kutendaa tena