jQuery'de Ekran Genişliğine Göre Kod Çalıştırabilir miyim?

Arkadaşlar merhaba. Açılır menümün mobil ve tablet'te tıklayınca, masaüstü versiyonda da üzerine gelince çalışmasını istiyorum. Bunun için CSS media gibi bir özellik var mı?

Ekran genişliği kontrolü yapman lazım. Bunun için resize fonksiyonunu kullanabilirsin. Bu fonksiyon ekran genişliği değişince çalışır. Aşağıdaki örneği kullanabilirsin.

$(document).ready(function() {

  // responsive fonksiyonu
  function responsiveMenu() {

    // mevcut ekran genişliğini alalım
    width = $(window).width();

	// ekran genişliği 960'dan küçükse
    if (width <= 960) {
      alert('merhaba ekran genişliğiniz:' + width);
    }
  }

  // sayfa açıldığı zaman fonksiyonu çalıştıralım.
  responsiveMenu();
  
  // ekran genişliği değiştiğinde fonksiyonu çalıştıralım.
  $(window).resize(responsiveMenu);
});

 

sorunum çözüldü teşekkür ederim

Cevap Yaz

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

Yukarı Git