Profil detayı eklendi, herkes profillerine girip bir gözatsın! Sevdiğiniz üyelerin cevaplarını takip edin! Tüm güncellemeler

bootstrap dropdown otomatik açılsın

bootstrap 4 ile oluşturulmuş dropdown menüyü, javascript fonksiyonu ile tetikleyerek açmaya çalışıyorum. İstediğim, koşul yerine geldiğinde veya sayfa on load olarak yani sayfa açılışında dropdown kendi açılsın. (sayfada başka dropdown menülerde var ama ben sadece birini açmak istiyorum)


Ancak başaramadım. Bootstrap dökümantasyonunuda inceledim ama bir yerde hata var.


<div class="dropdown">
 <button class="btn btn-light dropdown-toggle" style="font-size:13px;" type="button" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> MENÜ </button>
 <div class="dropdown-menu" aria-labelledby="dropdownMenu2">
  <a href="index.php?secenek=1"><button class="dropdown-item" type="button"> <i class="fas fa-lira-sign"></i> SEÇENEK 1 </button></a>
  <a href="index.php?secenek=2"><button class="dropdown-item" type="button"> <i class="fas fa-euro-sign"></i> SEÇENEK 2 </button></a>
  <a href="index.php?secenek=3"><button class="dropdown-item" type="button"> <i class="fas fa-dollar-sign"></i> SEÇENEK 3 </button></a>
 </div>
</div>


js kodları ise şöyle


<script type="text/javascript">
$(document).ready(function(){
$(".dropdown-toggle").dropdown();
});
</script>
3

Cevaplar (3)

İşlem devam ediyor, lütfen bekleyin..
Burhan Cansız
@Burhan
3 ay önce
		<div class="dropdown-menu show" aria-labelledby="navbarDropdown">
            <a class="dropdown-item" href="cPanel">Yönetim paneli</a>
            <a class="dropdown-item" href="#">Profil sayfa</a>
            <a class="dropdown-item" href="cikis">Çıkış</a>
          </div>

sorunu doğru anladıysam

show klası hangi menüye eklersen sayfa yüklenince drop açık gelir



İşlem devam ediyor, lütfen bekleyin..
Emre KILIÇ
@adorratm
3 ay önce
<script type="text/javascript">
$(document).ready(function(){

$(".dropdown-toggle").dropdown();
$("button .dropdown-toggle").click(); 

});
</script>

iş görebilir belki javascript ile çünkü aria-expanded true da olması gerekiyor class a show yazarak gösterbiirsiniz ama butonda ufak bir bug olabilir kapatmak için bir kaç kez tıklamanız gerekebilir belki. En basit yöntemi sayfa açılırken kendisi tıklasın hiç uğraşmayın :)

İşlem devam ediyor, lütfen bekleyin..
Sedat BAŞ
@idvlprs
3 ay önce
İşlem devam ediyor, lütfen bekleyin..

Cevap yaz Sadece sorunun cevabını yazın

Yabancı Dizi Arşivi