2012-09-19 15 views
11

मैं jquery मोबाइल में अंतर्निहित डिलीट आइकन का उपयोग करना चाहता हूं।JQuery मोबाइल फ्रेमवर्क (बिना बटन का उपयोग किए) में आइकन का उपयोग कैसे करें

मुझे पता है कि बटन का उपयोग कैसे करें, आप केवल डेटा-भूमिका का उपयोग करें - लेकिन मैं इसे एक सादे पुराने अवधि या div के अंदर उपयोग करना चाहता हूं।

क्या ऐसा करने का कोई तरीका है? धन्यवाद

+0

क्या आप अब तक की कोशिश की? क्या आपने ' 'टैग के लिए' 'टैग को बदलने का प्रयास किया है? http://jsfiddle.net/rUPxQ/1/ – Jasper

उत्तर

11

तुम बस निर्दिष्ट वर्गों के साथ एक div उपयोग कर सकते हैं, उदाहरण के लिए

<div class="ui-icon ui-icon-delete"></div> 

अद्यतन:

JQM के लिए शैली-शीट को बदल दिया है के बाद से यह पहली पोस्ट, आप एक ही प्रभावित कर प्राप्त कर सकते हैं था ui-btn-icon-notext कक्षा को अपने तत्व में जोड़कर (कम से कम जेक्यूएम 1.4.5 के रूप में)। इसके अतिरिक्त आपको इसे सही ढंग से स्थानांतरित करने के लिए position:relative; जोड़ने की आवश्यकता हो सकती है। !

<span class="ui-icon-delete ui-btn-icon-left " style="position:relative;" /> 

: उह ... कुछ भी नहीं काम किया, जब तक निम्नलिखित काम के आसपास -

उदाहरण के लिए

<span class="ui-btn-icon-notext ui-icon-delete" style="position:relative" /> 

Here's a link to the relevant API

+0

मेरे लिए कोई काम नहीं कर रहा है :( – Haseeb

+1

@ हसीब मैंने इसे जेक्यूएम के पहले संस्करण के लिए पोस्ट किया, मैंने वर्तमान संस्करण के लिए एक उदाहरण के साथ अपना उत्तर अपडेट किया। – Jack

+0

शैली = 'स्थिति: सापेक्ष' महत्वपूर्ण है क्योंकि रोमन – ehrhardt

0

<span class="ui-icon ui-icon-delete ui-icon-shadow" style="display:block" /> का उपयोग करने के बारे में या बस अपने मार्कअप में ui-icon-delete कक्षा का संदर्भण करने के बारे में कैसे?

+0

धन्यवाद लेकिन यह कुछ भी प्रतीत नहीं होता है। मुझे नियमित jquery में पता है कि आप ऐसा कर सकते हैं, लेकिन यह मोबाइल पर काम नहीं करता है – James

14

बस JQuery मोबाइल के लिए 1.4.0 उन्नत बनाया कक्षा ui-btn-icon-left पर ध्यान दें (आप अन्य -right, -top, -bottom,का उपयोग कर सकते हैं 0, लेकिन यह सबसे अच्छा काम करता प्रतीत होता है)। सबसे महत्वपूर्ण बात यह है कि style="position:relative" ने अंततः इसे मेरे कंटेनर में रखा।

मुबारक कोडिंग ...

+0

धन्यवाद! मैं 1.4.0 का भी उपयोग कर रहा हूं और इसे समझने में परेशानी थी। – TrueEddie

संबंधित मुद्दे