Bootstrap dropdown-toggle Menü Başlığına Link Ekleme

Merhaba arkadaşlar,

Bugünkü yazımda, Bootstrap’da “dropdown-toggle” class’ına sahip menü başlığına nasıl link ekleyebilirsiniz bu konuyu paylaşacağım.

Genellikle bootstrap kullanan arkadaşlar bu senaryo ile ilgili sıklıkla karşılaşmışlardır. Yine de paylaşmakta fayda olacağını düşünüyorum, umarım ilk defa karşılaşacak arkadaşlar için güzel bir kaynak olur 🙂

Senaryomuz
Bootstrap’da header menümüz içinde çeşitli başlıklarımız var. Anasayfa, Hakkımızda, Ürünler, Referanslar, vs…

Ürünler menü başlığımızın altında ise sıralı olarak ürün başlıklarımız olsun.

Malum, alt menülere link vermede herhangi bir sorun yok 🙂

Peki ya Ürünler dropdown menü başlığına link vermek istersek nasıl yapacağız ?

Menü yapısına göre ÜRÜNLER başlığına aşağıdaki sadece href=”Urunler”… tag’ı ekleseniz malesef başarılı olamayacaksınız 🙂

Malesef dropdown-toggle class’ı attribute’nü bir şekilde eziyor.

Bu nedenle bootstrap dropdown-toogle menüsü başlığına link vermek için aşağıda yer alan jQuery kodunu tag’inizden hemen önce kullanmalısınız.

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir