v2.5.2
Giriş yap

bootstrap 5 tooltip sorunu

rotaile
539 defa görüntülendi ve 1 kişi tarafından değerlendirildi

arkadaşlar merhaba bootstrap 5 ile çaçlışıyorum. yukarı çık butonu yaptım ve üzerine gelince tooltip olarak eklediğim yukarı çık yazısı butona tıklanıp yukarı çıkıldıktan sonra butonun gizlenmesine rağmen tooltip yazısı ekranda görünmeye devam ediyor. bunun nedenini bilen var mı?

<!--Top Btn-->
<a href="#" class="top-btn" id="myBtn" data-bs-toggle="tooltip" data-bs-placement="left"
    data-bs-original-title="Yukarı Çık">
    <i class="fa-solid fa-circle-arrow-up"></i>
</a>
<!--Top Btn-->

şuraya normal halini bıraktım
şurayada tıklandıktan sonraki halini

Cevap yaz
Cevaplar (3)
munzevi
943 gün önce

evet ama bu yanlış tıklandığı için kalıyor orada. sadece hover olarak ayarla veya tıklandıktan sonra zaman aşımı ayarla. https://getbootstrap.com/docs/5.0/components/tooltips/ bu gerekli döküman. sayfanın en altında özelleştirmen için örnekte mevcut.

rotaile
943 gün önce

tekrar tıklandığında tooltip görüntülenecek mi bu şekilde?

munzevi
943 gün önce

imleç alandan çıkmadan nesne yok olduğu için. jquery ile click event oluştur settimeout ile tooltip'i 1 saniye sonra gizle.