Responsive Açılır Menü Problemi

Arkadaşlar, responsive açılır menü yapan  var mı?

Yapmak istediğim söyle bir şey: Masaüstü görünümünde hover ile üzerine gelince açılan menü ekran küçülünce açılır menüler tıklanmayla açılsın. Ancak bir sürü sorun çıkıyor; mesela tıklanma sorunu oluyor, ekranı tekrar masaüstü görünmüne alınca hover iptal oluyor. Bunun gibi sorunlar...

Yapan varsa ve paylaşırsa çok mutlu olucağım. Teşekkür ederim.

Eğer tıklama ve üzerine gelme işlemini jQuery ile yapıyorsan öncelikle ekran kontrolü yapmalısın. Ekran kontrolü için aşağıdaki örnekten faydalanabilirsin.

// sayfa açılınca fonksiyonu çalıştıralım
$(document).ready(function() {
  acilirMenu();
});

// ekran genişliği değişince fonksiyonu çalıştıralım
$(window).resize(function() {
  acilirMenu();
});

// açılır menü fonksiyonu
function acilirMenu() {
  // mevcut ekran genişliğini öğrenelim
  width = $(window).width();
  
  // ekran genişliği 768px'den küçükse mobil cihazdır.
  if (width <= 768) {
    alert('mobildesin');
    // dropdown click
  } else {
    alert('mobil değilsin');
    // dropdown hover
  }
}

 

Cevap Yaz

Cevap yazabilmek için üye girişi yapmanız gerekiyor!

Yukarı Git