v2.5.2
Giriş yap

Bootstrap'da ilginç sorun

ozermert26
543 defa görüntülendi

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?

makifgokce
969 gün önce

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