2012-09-19 21 views
11

Yerleşik jQuery'e silme simgesini kullanmak istiyorum.JQuery Mobile Framework'teki simgeler nasıl kullanılır (bir düğmeyi kullanmadan)

Düğmeleri nasıl kullanacağımı biliyorum, sadece veri rolünü kullanıyorsunuz - ancak bunu eski bir yayılma alanı veya div içinde kullanmak istiyorum.

Bunu yapmanın bir yolu var mı? Teşekkürler

+0

cevap

11

sadece örneğin belirtilebilir sınıfları ile div kullanabilirsiniz

Güncelleme
<div class="ui-icon ui-icon-delete"></div> 

: bu ilk, aynı etkiler elde edebilirsiniz yayınlanmıştır beri

JQM için stil-sayfaları değişti öğenize ui-btn-icon-notext sınıfını ekleyerek (en azından JQM 1.4.5'ten itibaren). Ek olarak, doğru şekilde konumlandırılması için position:relative; eklemeniz gerekebilir. !

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

: Ah ... Hiçbir şey çalıştı kadar aşağıdaki iş çevresinde - Örneğin

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

Here's a link to the relevant API

+0

çalışmaz :( – Haseeb

+1

@Haseeb JQM, daha önceki bir sürümü için bu yayınlanmıştır Ben geçerli sürümü için bir örnek ile cevabımı güncelledi. – Jack

+0

= 'pozisyon: akraba' Romanın – ehrhardt

0

<span class="ui-icon ui-icon-delete ui-icon-shadow" style="display:block" />'u kullanmaya veya sadece ui-icon-delete sınıfını işaretlemeye nasıl başlayabilirsiniz?

+0

Teşekkürler ama bu hiçbir şey yapmıyor gibi görünüyor. Ben normal jquery biliyorum, ancak bu benim için çalışan hiçbir mobil – James

14

Sadece 1.4.0 JQuery Mobile yükseltilmiş ui-btn-icon-left sınıfını not edin (diğerlerini -right, -top, -bottom,kullanabilirsiniz 0, ama bu en iyi çalışır gibi görünüyor). En önemlisi, style="position:relative" nihayet kapsayıcımın içine yerleştirdi.

Simge konumlandırma "notext"

Mutlu kodlama ...

+0

Teşekkürler! 1.4.0 kullanıyorum ve bunu çözmede zorlanıyordum. – TrueEddie