Как выделить мышкой область на странице и присвоить класс элементам попавшим в эту область?
Может кто нибудь предложит решение на примере со скришота
<div class="clickme">
Нажми на меня!
</div>
$('.clickme').click(function(){
if (!$(this).data('status')) {
$(this).html('Молодец! А еще раз слабо?');
$(this).data('status', true);
}
else {
$(this).html('Ну ты гигант! А может еще раз?');
$(this).data('status', false);
}
});
jQuery(function($){
$(document).mouseup(function (e){ // событие клика по веб-документу
var div = $("#popup"); // тут указываем ID элемента
if (!div.is(e.target) // если клик был не по нашему блоку
&& div.has(e.target).length === 0) { // и не по его дочерним элементам
div.hide(); // скрываем его
}
});
});
var target = $('.elem');
var targetPos = target.offset().top;
var winHeight = $(window).height();
var scrollToElem = targetPos - winHeight;
$(window).scroll(function(){
var winScrollTop = $(this).scrollTop();
if(winScrollTop > scrollToElem){
//сработает когда пользователь доскроллит к элементу с классом .elem
}
});
navContainer: $(this).prev().find('.arrows')
.arrows
и у .i-catalogList
всё-таки был общий предок @font-face {
font-display: swap;
font-family: "Museo Sans";
src: local('Museo Sans'), local('MuseoSans'),
url("../fonts/museosans/regular.eot?#iefix") format("embedded-opentype"),
url("../fonts/museosans/regular.woff2") format("woff2"),
url("../fonts/museosans/regular.woff") format("woff"),
url("../fonts/museosans/regular.ttf") format("truetype");}
each val, index in [ ... ]
li
a(class=index == 0 ? 'active' : '')