Bootstrap'da ilginç sorun
Merhaba arkadaşlar. Bootstrap'da bir sebepten dolayı dropdown'ları, modalları açmak için javaScript kullanıyorum. Aşağıdaki koda bakın:
<div class="dropdown">
<button data-toggle="dropdown" class="btn btn-primary" aria-expanded="false"
id="menuAc">Menü</button>
<div class="dropdown-menu" id="siteMenusu">
<ul>
<li><a href="/denemeler.php">Ana Sayfa</a></li>
<li><a href="?sayfa=hakkimda">Hakkımda</a></li>
<li><a href="?sayfa=iletisim">İletişim</a></li>
</ul>
</div>
</div>
Ben bu belgeyi çalıştırdığımda menü düğmesine birinci tıklamamda menü açılmazken, ikinci tıklamamda menü açılıp kapanabiliyor. Bu ilginç sorunu nasıl düzeltebilirim?
Eğer bootstrap 5 kullanıyorsan data-toggle
gibi attributeleri data-bs-toggle
şeklinde adlandırmalısın.
Ek olarak açılacak olan div'e aria-labelledby="menuAc"
button'un idsini vermelisin.
<div class="dropdown-menu" aria-labelledby="menuAc" id="siteMenusu">
https://getbootstrap.com/docs/5.0/components/dropdowns/#single-button