jQuery UI, hareketli görüntüde kullanışlı simgelerle gelir; themeroller'a bakın.jQuery UI simgelerini kullanma
Saat simgesinin (.ui-icon-clock sınıfında) arka plan görüntüsü olarak istediğim bir input öğem var. Bir input için arka plan simgesine nasıl sahip olabilirim?
Sadece boş bir açıklık kullanın ve jQuery UI sınıflarını ekleyin.
<span class="ui-icon ui-icon-clock" style="display:inline-block"></span><input type="text" />
Bunu başka türlü giriş sonraki satıra itilmiş olacaktır inline-block ziyade blok yapmak için ekran stili geçersiz kılmak gerekir.
Bunun dışında, arka plan görüntüsünü saat haline getirdiğinizde tam olarak neyin peşinde olduğunuzdan emin değilim.
$("span").css({
width: 16px;
height: 16px;
background-image: url(images/ui-icons_222222_256x240.png); // change to correct location
background-position: -80px -112px;
});
http://jqueryui.com/themeroller/ adresinden bir jqueryui teması yüklemeniz gerekir. ThemeRoller'daki Galeri sekmesine tıklayın ve istediğinizi seçin –
Bunu JQuery UI betiğiyle yapabilirsiniz.
JS:
$(function() {
$("input").button({
icons: {
primary: ".ui-icon-clock"
},
text: false
})
});
HTML:
<input>some text</input>
bu gerçekten doğru cevap mı görüyor musunuz? Html'deki stilleri açık bir şekilde tanımlamanın, "içerik" ve "görüntülü" endişeleri birleştirmek için şiddetle tavsiye edildiğini düşündüm. –
Haklısınız, ancak CSS en iyi uygulamaları okuyucu için bir alıştırmadır. Cevap, jQuery simgesini görüntülemek için ne gerektiğini tanımlar. 'UI simgesi' ve 'ui-simge saati' sınıfları ve html öğenizin yer açması. – BZink
-1 En iyi uygulamalar herkes içindir. En iyi olası cevabı buraya koymamak için bir sebep yok. –