javascript ile if else yapısı
Selam arkadaşlar js ile web sitemin genişliğine göre css class ekleyip çıkartma yapacak kod lazım yardımcı olabilirmisiniz
Soru hatalı mı? 👎
Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!
Cevaplar (1)
Bu codepen iş görecektir. Silinir milinir kodları buraya da ekliyorum.
<div class="test">
<h3>Hello World</h3>
<p>The class of <code>blue</code> is added when I am wider than 600px and is removed when I am 600px or less in width.</p>
</div>
body {
font: normal 16px/1.5em sans-serif;
color: #111;
}
code {
background: #ccc;
}
.test {
background: #fffccc;
border: solid 3px rgba(0,0,0,0.1);
margin: 20px;
padding: 40px 20px;
}
.test.blue {
background: dodgerBlue;
}
.test.green {
background: green;
}
jQuery(document).ready(function($) {
var alterClass = function() {
var ww = document.body.clientWidth;
if (ww < 600) {
$('.test').removeClass('blue');
} else if (ww >= 601) {
$('.test').addClass('blue');
};
};
$(window).resize(function(){
alterClass();
});
//Fire it when the page first loads:
alterClass();
});