var slider = $(".slider-item");
var scrollCount = null;
var scroll= null;
slider
.slick({
dots: true
});
slider.on('wheel', (function(e) {
e.preventDefault();
clearTimeout(scroll);
scroll = setTimeout(function(){scrollCount=0;}, 200);
if(scrollCount) return 0;
scrollCount=1;
if (e.originalEvent.deltaY < 0) {
$(this).slick('slickNext');
} else {
$(this).slick('slickPrev');
}
}));$(document).on('click','li i', function(){
var p = $(this).parent();
p.remove();
});const windowHeight = $(window).height(),
$this = $(".sdelaliCount");
let countFlag = false;
$(document).on('scroll', function() {
$this.each(function() {
var tcount = $this.data("count");
height = $this.offset().top + $this.height();
if ($(document).scrollTop() + windowHeight >= height && !countFlag) {
countFlag = true;
$this.animateNumber({ number: tcount, easing: 'easeInQuad'}, 1000),function() {
countFlag = false;
};
}
});
});Читал про on(), но там в основном про события при нажатии на эти элементы, а вот как добавить им class не смог найти решение.
$(document).on("blur", ".js-input-fltr", function(){
var minWidth = $('#min-width').val();
console.log(minWidth);
getWidthValue(fItems, minWidth);
});var lastScrollTop = 0,
scrollDirection = 0;
$(window).scroll(function(event){
var st = $(this).scrollTop();
if (st > lastScrollTop){
scrollDirection = 1;
} else {
scrollDirection = 2;
}
lastScrollTop = st;
console.log(scrollDirection);
});.single-goods h3{
//че угодно
}
.single-goods p{
//че угодно
}
.single-goods img{
//че угодно
}
.single-goods button{
//че угодно
}