Mobilde JavaScript'e Müdahele Etme - jQuery

Cihazınızın ekran boyutu küçüldüğünde javascript fonksiyonlarınızın farklı bir şekilde gözükmesini istiyorsanız alağıdaki jQuery çözümünü kullanabilirsiniz. Event handler içerdiği için ekran boyutunu değiştirdiğinizde script dinamik olarak çalışacaktır. Kırılma noktası 768 piksel olarak ayarlanmıştır.

$(document).ready(function () {
var $window = $(window);
function checkWidth() {
var windowsize = $window.width();
if (windowsize < 768) {
console.log("Mobilde ben varım :]");
}
}
checkWidth(); /*Fonksiyonu ayrıca çalıştırmazsan hata verir.*/
$(window).resize(checkWidth);
});

Makale Tarihi: 02.08.2016 Gücellenme Tarihi: 22.02.2018

Yorum Yaz

Yorumlarınız denetimden geçtikten sonra yayınlanmaktadır...