jQuery Mobile బటన్ ఐకాన్స్

jQuery Mobile బటన్స్కు జోడించబడిన ఐకాన్స్ మీ బటన్స్ను మరింత ఆకర్షణీయంగా చేస్తాయి.

jQuery Mobile బటన్స్కు ఐకాన్స్ జోడించండి

మీ బటన్స్కు ఐకాన్స్ జోడించడానికి data-icon అంశాన్ని వాడండి:

<a href="#anylink" data-role="button" data-icon="search">శోధన</a>

提示:మీ బటన్స్కు ఐకాన్స్ జోడించడానికి <button> లేదా <input> అంశాన్ని వాడండి.

మామూలు జూనీర్ మొబైల్ ఐకాన్స్ కొన్ని అంశాలను ఇక్కడ జాబితాభుక్తం చేశాము:

అంశం విలువ వివరణ ఐకాన్ ఉదాహరణ
data-icon="arrow-l" ఎడమ ఆర్క్ పరీక్షించండి
data-icon="arrow-r" కుడి ఆర్క్ పరీక్షించండి
data-icon="delete" తొలగించండి పరీక్షించండి
data-icon="info" సమాచారం పరీక్షించండి
data-icon="home" హోమ్ పరీక్షించండి
data-icon="back" తిరిగి వెళ్ళండి పరీక్షించండి
data-icon="search" శోధన పరీక్షించండి
data-icon="grid" గ్రిడ్ పరీక్షించండి

jQuery Mobile బటన్ ఐకాన్స్ గురించి పూర్తి సమాచారం కోసం మా వెబ్సైట్ నిర్వహించండి jQuery Mobile ఐకాన్ సూచిక పుస్తకం

ఐకాన్ స్థానం నిర్ణయించండి

మీరు ఐకాన్ స్థానాన్ని కూడా నిర్ణయించవచ్చు: మీద, కుడి, తక్కువ లేదా ఎడమ.

స్థానాన్ని నిర్ణయించడానికి data-iconpos అంశాన్ని వాడండి:

ఐకాన్ స్థానం:

data-iconpos="top">తక్కువ</a>
data-iconpos="right">మీద</a>
data-iconpos="bottom">కుడి</a>
data-iconpos="left">左

స్వయంగా ప్రయత్నించండి

提示:默认地,所有按钮中的图标靠左放置。

只显示图标

如果只需显示图标,请将 data-iconpos 设置为 "notext":

Back:

data-iconpos="notext">శోధన</a>

స్వయంగా ప్రయత్నించండి