jQuery Mobile बटन चिह्न
- पिछला पृष्ठ जेक्वरी मोबाइल बटन
- अगला पृष्ठ जेक्वरी मोबाइल टूलबार
jQuery Mobile द्वारा प्रदान किए गए एक सेट चिह्न आपके बटन को अधिक आकर्षक बनाते हैं。
jQuery Mobile बटन को चिह्न जोड़ें
अपने बटन में चिह्न जोड़ने के लिए data-icon गुण का उपयोग करें :
<a href="#anylink" data-role="button" data-icon="search">सर्च</a>
सूचना:आप <button> या <input> तत्व में data-icon गुण का उपयोग कर सकते हैं।
नीचे हमने jQuery Mobile द्वारा प्रदान किए गए कुछ उपलब्ध चिह्नों को सूचीबद्ध किया है :
| गुण मूल्य | वर्णन | चिह्न | उदाहरण |
|---|---|---|---|
| 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 गुण का उपयोग करें :
चिह्न की स्थिति :
<a href="#link" data-role="button" data-icon="search"data-iconpos="top">ऊपर</a> <a href="#link" data-role="button" data-icon="search"data-iconpos="right">दायं</a> <a href="#link" data-role="button" data-icon="search"data-iconpos="bottom">नीचे</a> <a href="#link" data-role="button" data-icon="search"data-iconpos="left">बाईं</a>
सूचना:डिफ़ॉल्ट रूप से, सभी बटनों में आयकॉन बाईं ओर स्थापित हैं。
केवल आयकॉन दिखाना
यदि केवल आयकॉन दिखाना है, तो data-iconpos को "notext" में सेट करें:
पिछला:
<a href="#link" data-role="button" data-icon="search" data-iconpos="notext">सर्च</a>
- पिछला पृष्ठ जेक्वरी मोबाइल बटन
- अगला पृष्ठ जेक्वरी मोबाइल टूलबार
