Архив

Публикации с меткой ‘jquery’
7 ноября 2023 Нет комментариев
$(window).scroll(function(){
	if($(window).scrollTop()+$(window).height()==$(document).height()){
		console.log("bottom");
	}
});
$(window).scroll(function(){
	if($(window).scrollTop()+$(window).height()>$(document).height()-100){
		console.log("near bottom");
	}
});
Categories: Javascript Tags:
25 октября 2023 Нет комментариев
$(document).ready(function(){
	$('.nav .dd ul li').hover(function(){
		var mh=0;
		$('.nav .dd ul').each(function(){mh=Math.max(mh,$(this).outerHeight());});
		$('.dd').css('min-height',mh+'px');
	});
});
Categories: Javascript Tags:
$(document).ready(function(){
	setTimeout(function(){
		$.cookie('nf_timeout',true,{
			expires:1,
			path:'/'
		});
	},30000);
	if($.cookie('nf_timeout')&&!$.cookie('nf_popup')){
		$(document).mouseleave(function(e){
			if((e.clientY<10)&&!($("#nf_link").hasClass("clicked"))){
				setTimeout(function(){
					$("#nf_link").addClass('clicked').click();
				},1);
				$.cookie('nf_popup',true,{
					expires:7,
					path:'/'
				});
			}
		});
	};
});
<a href="<?=$r_nf['popup_link']?>" class="popup fancybox.ajax" id="nf_link"><?=$r_nf['name']?></a>

Необходима библиотека https://yandex.st/jquery/cookie/1.0/jquery.cookie.min.js

Categories: Javascript Tags:
15 октября 2022 Нет комментариев
function responsiveCarousel(){
	var ww=$(window).width();
	var owl_structure=$(".escort .structure .items");
	if(ww>767){
		if(typeof owl_structure.data('owl.carousel')!='undefined'){
			owl_structure.data('owl.carousel').destroy();
		}
		owl_structure.removeClass('owl-carousel').removeClass('owl-theme');
	}
	else if(ww<768){
		owl_structure.addClass('owl-carousel').addClass('owl-theme');
		owl_structure.owlCarousel({
			loop:false,
			dots:false,
			nav:true,
			items:1,
			margin:0,
		});
		owl_structure.on('changed.owl.carousel',function(e){
			$('.escort .structure .counter span').text(e.item.index+1);
		});
	}
}
$(document).ready(function(){
	responsiveCarousel();
	$(window).on('resize',function(){
		responsiveCarousel();
	});
});
Categories: Javascript Tags:
5 сентября 2022 Нет комментариев
var catalog_tags=$('#catalog_tags');
catalog_tags.owlCarousel({
	loop:false,
	margin:15,
	items:10,
	nav:true,
	dots:false,
	navText:['<i class="fa fa-angle-left"></i>','<i class="fa fa-angle-right"></i>'],
	autoWidth:true,
});
$('.catalog_tags .all').on('click',function(){
	$(this).remove();
	catalog_tags.trigger('destroy.owl.carousel').removeClass('owl-carousel owl-loaded');
	catalog_tags.find('.owl-stage-outer').children().unwrap();
});
Categories: Javascript Tags:
9 августа 2022 Нет комментариев

Когда каждый элемент .block полностью показан (прокручен до конца) добавляем блоку .bullet класс .active

$(document).ready(function(){
	$(window).scroll(function(){
		var scroll=parseInt($(window).scrollTop())+parseInt($(window).height());
		$('.block').each(function(){
			var offset=parseInt($(this).offset().top)+parseInt($(this).height());
			if(scroll>offset){
				$(this).find('.bullet').addClass('active');
			}
		});
	});
});
Categories: Javascript Tags: ,

В примере если опций 2 то выбирать последнюю

var select_format=$('select[name=format]');
var options_count=select_format.find('option').length;
if(options_count==2){
	select_format.prop('selectedIndex',options_count-1).change();
}
Categories: Javascript Tags: