Skip to content

Bir Elemente Bootstrap Kontrolü ile Birden Fazla Data-Toggle Ekleme

Merhaba,

Konuya biraz daha açıklık getirmem gerekirse;

<a data-toggle="tooltip modal" data-target="#divModal" title="Detaylı bilgi için tıklayınız">+</a>

Bu şekilde bir a elementi üzerinde data-toggle’a hem modal hemde tooltip tanımlayamazsınız. Bunu JavaScript kullanarak rahatlıkla halledebilirsiniz elbette. Fakat HTML kullanarak bu şekilde bir yazım hatalı olur. Bunu çok basit bir hamle çözebiliriz. a etiketimizi sarmalayan bir span etiketi ile problemimizi şöyle çözebiliriz:

<span data-toggle="modal" data-target="#divModal">
    <a data-toggle="tooltip" title="Detaylı bilgi için tıklayınız">+</a>
</span>

Umarım faydalı olur ve işinize yarar,

Sevgiler,

TR Kodlama GitHub'da!

TR Kodlama'da yer alan makaleleri GitHub üzerinden düzenleyebileceğinizi biliyor muyudunuz? Harika değil mi? Bu makale ile ilgili düzenleme yapmak isterseniz aşağıdaki butona tıklayınız!

GitHub'da Görüntüle ve Düzenle!