jQuery UI आइकन का उपयोग

Question

jQuery UI एक स्प्राइट छवि में आसान आइकन के साथ आता है; themeroller देखें।

मेरे पास input तत्व है जिसके लिए मैं पृष्ठभूमि छवि के रूप में घड़ी आइकन (वर्ग .ui-icon-clock के साथ) चाहता हूं। मेरे पास input पर पृष्ठभूमि आइकन कैसे है?

Answer 1

बस एक खाली अवधि का उपयोग करें और jQuery UI कक्षाएं जोड़ें।

<span class="ui-icon ui-icon-clock" style="display:inline-block"></span><input type="text" /> 

आप इसे इनलाइन-ब्लॉक के बजाय ब्लॉक अन्यथा इनपुट अगली पंक्ति में आगे बढ़ा दिया जाएगा बनाने के लिए प्रदर्शन शैली ओवरराइड करने के लिए किया है।

इसके अलावा, मुझे यकीन नहीं है कि जब आप पृष्ठभूमि छवि को घड़ी बनाते हैं तो आप वास्तव में क्या कर रहे हैं।

Answer 2

$("span").css({ 
width: 16px; 
height: 16px; 
background-image: url(images/ui-icons_222222_256x240.png); // change to correct location 
background-position: -80px -112px; 
}); 

Answer 3

आप JQuery UI स्क्रिप्ट के साथ ऐसा कर सकते हैं।

जे एस:

$(function() { 
    $("input").button({ 
    icons: { 
     primary: ".ui-icon-clock" 
    }, 
    text: false 
    }) 
}); 

HTML:

<input>some text</input> 

देखें http://jqueryui.com/button/#icons