Смотрите какая ситуация. Событие click вызывается при нажатии на элемент с классом mobil, но класс mobil появляется только тогда когда экран меньше 500px. Если сузить экран появится класс mobil(об этом говорит красный фон) но событие click не происходит... что за проблема? https://jsfiddle.net/rv4gL3c6/2/
$('.mobil').click(function() {
$(this).css('background', 'blue');
});
var doit;
function resizedw() {
if ($(document).width() < 500) {
$('.block').addClass("mobil");
} else
$('.block').removeClass("mobil");
};
window.onresize = function() {
clearTimeout(doit);
doit = setTimeout(function() {
resizedw();
}, 0);
};
.block {
height: 100px;
background: #000;
}
.mobil {
background: red;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="block">
</div>
mobil
, а хотите, чтобы он применился кmobilE
?