Css deki @media screen olayı jquery de varmı

demsinasbey (69) 7 yıl önce sordu

Css de belli bir ekran çözünürlüğünün altına düşünce çalışacak kodları belirte biliyoruz peki bunu jquery de nasıl yaparım mesela aşağıdaki kodu 900px altındaki ekranlerda çalıştırmak istiyorum. 

Bunu nasıl yapabileceğimim anlatırsanız sevinirim.

<script type='text/javascript'>
$('#cssmenu > ul > li > a').click(function() {
  $('#cssmenu li').removeClass('active');
  $(this).closest('li').addClass('active');
  var checkElement = $(this).next();
  if((checkElement.is('ul')) && (checkElement.is(':visible'))) {
    $(this).closest('li').removeClass('active');
    checkElement.slideUp('normal');
  }
  if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
    $('#cssmenu ul ul:visible').slideUp('normal');
    checkElement.slideDown('normal');
  }
  if($(this).closest('li').find('ul').children().length == 0) {
    return true;
  } else {
    return false;
  }
});
</script>

 

demsinasbey 7 yıl önce

@alattin Hocam bilyorsanız bir yardımcı olurmusunuz.

Toplam 1 cevap


alattin (17125) 7 yıl önce cevapladı

Modernizr kullanabilirsin: Modernizr web sitesi o zaman şunun gibi ifadeler kullanabilirsin:

if (Modernizr.mq('(max-width: 900px)')) {
    //bisiler yap
} else {
    //bisiler yap
}

 

demsinasbey 7 yıl önce

Modernizrı tasarlaynların arasında Türk birinin olması ayrı bir güzellik olmasına rağmen iki sorum daha var ben siteyi bootstrap ile tasarlıyorum bu ikisi arasında bir sıkıntı çıkarmı çünkü oda biraz responsive olayına karışıyor. bir diğer sorum ise bootstrap jquery ileride node.js üstüne modernizr da kurarsam sitede yavaşlama olurmu çok fazla eklenti oluyor diye düşünüyorum ama bir sıkıntı çıkmazsa bunuda eklerim siteye.

alattin 7 yıl önce

herhangi bir sorun çıkartmaz, hissedilir bir performans farkı da oluşturmaz @demsinasbey

demsinasbey 7 yıl önce

Çok Teşekkür ederim Hocam en kısa zamanda nasıl kullanıldğını biraz araştırıp siteme ekliyeceğim.