Архив

Публикации с меткой ‘jquery’
23 апреля 2021 Нет комментариев
$('header nav ul li').hover(function(){
	var li=$(this);
	this.timeout=window.setTimeout(function(){
		li.addClass('hover');
	},200)
},function(){
	$(this).removeClass('hover');
	if(this.timeout){
		window.clearTimeout(this.timeout);
	}
});
Categories: Javascript Tags:
25 февраля 2021 Нет комментариев
$('textarea').each(function(){
	var len=$(this).val().length;
	if(len>220){
		$(this).css('border-color','red');
	}
});
$('textarea').on("keyup",function(event){
	var len=$(this).val().length;
	$(this).next('span').html(len);
	if(len>220){
		$(this).css('border-color','red');
	}
	else{
		$(this).css('border-color','#c5c5c5');
	}
});
Categories: Javascript Tags:
11 февраля 2021 Нет комментариев

Чтобы выполнить следующее действие полсе завершения fadeOut

$('.catalog .item').hover(function(){
	$(this).find('source').remove();
	var photo2=$(this).data('photo2');
	if(photo2!=''){
		var img=$(this).find('.photo a img');
		img.fadeOut(400,function(){
			img.attr('src',photo2);
			img.fadeIn(400);
		});
	}
},function(){
	var photo1=$(this).data('photo');
	if(photo1!=''){
		var img=$(this).find('.photo a img');
		img.fadeOut(400,function(){
			img.attr('src',photo1);
			img.fadeIn(400);
		});
	}
});

вместо

$('.catalog .item').hover(function(){
	$(this).find('source').remove();
	var photo2=$(this).data('photo2');
	if(photo2!=''){
		$(this).find('.photo a img').fadeOut(400).attr('src',photo2).fadeIn(400);
	}
},function(){
	var photo1=$(this).data('photo');
	if(photo1!=''){
		$(this).find('.photo a img').fadeOut(400).attr('src',photo1).fadeIn(400);
	}
});
Categories: Javascript Tags:
3 февраля 2021 Нет комментариев
$(document).on('click','.addresses .delete a',function(){
	$(this).closest('.address').remove();
	return false;
});

вместо:

$('.addresses .delete a').on('click',function(){
	$(this).closest('.address').remove();
	return false;
});
Categories: Javascript Tags:
1 февраля 2021 Нет комментариев
$('.block_4,.block_5').each(function(){
	var img=$(this).find('.wrap').css('background-image');
	img=img.replace('url(','').replace(')','').replace(/\"/gi,"");
	$(this).find('.wrap').css('background-image','');
	console.log(img);
	$('<div class="photo"><img src="'+img+'" alt=""/></div>').insertAfter($(this).find('.title'));
});
Categories: Javascript Tags:
19 октября 2020 Нет комментариев
$('.form_cabinet .photo input[type=file]').on('change',function(){
	var file=this.files[0];
	var reader=new FileReader();
	reader.onloadend=function(){
		$('.form_cabinet .photo .image').css('background-image','url("'+reader.result+'")');
	}
	if(file){
		reader.readAsDataURL(file);
	}
});
Categories: Javascript Tags:
17 августа 2020 Нет комментариев

Добавляется js: https://huynhhuynh.github.io/owlcarousel2-filter/dist/owlcarousel2-filter.min.js

$(document).ready(function(){
	var owl=$('.owl_1').owlCarousel({
		loop:false,
		margin:0,
		items:4,
		nav:true,
		dots:false,
		navText:['<i class="fa fa-angle-left"></i>','<i class="fa fa-angle-right"></i>'],
	});
	$('.owl-filter-bar').on('click','li',function(){
		var item=$(this);
		$('.owl-filter-bar ul li').removeClass('active');
		item.addClass('active');
		var filter=item.data('owl-filter');
		owl.owlcarousel2_filter(filter);
	});
});
<div class="owl-filter-bar">
	<ul>
		<li data-owl-filter="*" class="active">Все</li>
		<li data-owl-filter=".d1">1</li>
		<li data-owl-filter=".d2">2</li>
		<li data-owl-filter=".d3">3</li>
		<li data-owl-filter=".d4">4</li>
		<li data-owl-filter=".d5">5</li>
	</ul>
</div>
<div class="owl-carousel owl-theme owl_1">
	<div class="item d1"></div>
	<div class="item d2"></div>
	<div class="item d3"></div>
	<div class="item d4 d5"></div>
	<div class="item"></div>
</div>

https://huynhhuynh.github.io/owlcarousel2-filter/

Categories: Javascript Tags: