jQuery Mobile Düğme İkonları

jQuery Mobile tarafından sağlanan bir dizi ikon, düğmenizi daha çekici hale getirebilir.

jQuery Mobile düğmesine ikon eklenmesi

Düğmenize ikon eklemek için data-icon özelliğini kullanın:

<a href="#herhangi-bir-bağlantı" data-role="düğme" data-icon="araştırma">Ara

İpucu:<button> veya <input> elementlerinde data-icon özelliğini kullanabilirsiniz.

Aşağıda jQuery Mobile tarafından sağlanan bazı kullanılabilir ikonları listeliyoruz:

Özellik Değeri Açıklama İkon Örnek
data-icon="ok-sol" Sol Ok Test
data-icon="ok-sag" Sağ Ok Test
data-icon="sil" Sil Test
data-icon="bilgi" Bilgi Test
data-icon="ana-sayfa" Ana Sayfa Test
data-icon="geri" Geri Test
data-icon="araştırma" Araştırma Test
data-icon="izgara" Izgara Test

jQuery Mobile düğme ikonlarının tam bilgileri için ziyaret edin: jQuery Mobile İkon Referans Kılavuzu.

İkonu konumlandırma

İkonun konumunu da belirtmektesiniz: üst, sağ, alt veya sol.

Konumu belirlemek için data-iconpos özelliğini kullanın:

İkonun konumu:

<a href="#link" data-role="button" data-icon="search" data-iconpos="üst">üst</a>
<a href="#link" data-role="button" data-icon="search" data-iconpos="sag">sağ</a>
<a href="#link" data-role="button" data-icon="search" data-iconpos="alt">aşağı</a>
<a href="#link" data-role="button" data-icon="search" data-iconpos="sol">Sol</a>

Kişisel olarak deneyin

İpucu:Varsayılan olarak, tüm düğmelerdeki simgeler solda yerleştirilir.

Sadece simge göster

Sadece simge gösterilmesi gerekiyorsa, data-iconpos'yu "notext" olarak ayarlayın:

Geri:

<a href="#link" data-role="button" data-icon="search" data-iconpos="notext">Ara

Kişisel olarak deneyin