');
드롭다운 버튼
$('.main-header .navigation li.dropdown .dropdown-btn').on('클릭', function() {
$(this).prev('ul').slideToggle(500);
});
드롭다운 상위 링크 비활성화
$('.navigation li.dropdown > a').on('클릭', function(e) {
e.preventDefault();
});
}
제품 탭
if($('.project-tab').length){
$('.project-tab .product-tab-btns .p-tab-btn').on('클릭', function(e) {
e.preventDefault();
var target = $($(this).attr('데이터 탭'));
if ($(target).hasClass('actve-tab')){
false를 반환합니다.
}그렇지 않은{
$('.project-tab .product-tab-btns .p-tab-btn').removeClass('액티브-btn');
$(this).addClass('액티브-btn');
$('.project-tab .p-tabs-content .p-tab').removeClass('활성 탭');
$(대상).addClass('활성 탭');
}
});
}
함수 checkScrolling(tabs){
var totalTabWidth = parseInt(tabs.children('.default-tabs-navigation').width(), 10),
탭뷰포트 = parseInt(tabs.width(), 10);
if( tabs.scrollLeft() >= totalTabWidth - tabsViewport) {
tabs.parent('.default-tabs').addClass('종료됨');
} 그렇지 않으면 {
tabs.parent('.default-tabs').removeClass('종료됨');
}
}
제품 회전목마
if ($('.project-carousel').length) {
$('.project-carousel').owlcarousel({
루프:true,
여백:30,
nav:true,
스마트스피드: 700,
자동 재생: 5000,
navText: [ '', '' ],
반응형:{
0:{
항목:1
},
600:{
항목:2
},
800:{
항목:2
},
1024:{
항목:3
},
1200:{
항목:4
},
1400:{
항목:4
},
1600:{
항목:4
}
}
});
}
필터가 있는 갤러리
if($('.filter-list').length){
$('.filter-list').mixItUp({});
}
Jquery 스피너 / 수량 스피너
if($('.quantity-spinner').length){
$("input.quantity-spinner")를 사용합니다. 터치스핀({
verticalbuttons: true
});
}
고객 평가 캐러셀
if ($('.client-testimonial-carousel').length & $('.client-thumbs-carousel').length) {
var $sync 3 = $(".client-testimonial-carousel"),
$sync 4 = $(".client-thumbs-carousel"),
플래그 = 거짓,
기간 = 500;
$sync 3
.owl회전목마({
루프:true,
항목: 1,
여백: 0,
nav: true,
navText: [ '', '' ],
점: 거짓,
자동 재생: true,
자동 재생 시간 초과: 5000
})
.on('changed.owl.carousel', 함수 (e) {
if (!플래그) {
플래그 = 거짓;
$sync 4.trigger('to.owl.carousel', [e.item.index, duration, true]);
플래그 = 거짓;
}
});
$sync 4
.owl회전목마({
루프:true,
여백:10,
항목: 1,
nav: 거짓,
navText: [ '', '' ],
점: 거짓,
center: 거짓,
자동 재생: true,
autoplayTimeout: 5000,
반응형: {
0:{
항목:1,
자동 너비: 거짓
},
400:{
항목:1,
자동 너비: 거짓
},
600:{
항목:1,
자동 너비: 거짓
},
1000:{
항목:1,
자동 너비: 거짓
},
1200:{
항목:1,
자동 너비: 거짓
}
},
})
.on('클릭', '.owl-item', 함수() {
$sync 3.trigger('to.owl.carousel', [$(this).index(), 기간, true]);
})
.on('changed.owl.carousel', 함수 (e) {
if (!플래그) {
플래그 = true;
$sync 3.trigger('to.owl.carousel', [e.item.index, 기간, true]);
플래그 = 거짓;
}
});
}
팩트 카운터
함수 factCounter() {
if($('.fact-counter').length){
$('.fact-counter .counter-column.animated').each(함수() {
var $t = $(이것),
n = $t.find(".count-text").attr("데이터 중지"),
r = parseInt($t.find(".count-text").attr("데이터 속도"), 10);
if (!$t.hasClass("counted")) {
$t.addClass("계산됨");
$({
countNum: $t.find(".count-text").text()
}).animate({
카운트 번호: n
}, {
기간: r,
이저: "선형",
단계: function() {
$t.find(".count-text").text(Math.floor(this.countNum));
},
완료: function() {
$t.find(".count-text").text(this.countNum);
}
});
}
});
}
}
팩트 카운터 + 텍스트 수
if($('.count-box').length){
$('.count-box').appear(함수(){
var $t = $(이것),
n = $t.find(".count-text").attr("데이터 중지"),
r = parseInt($t.find(".count-text").attr("데이터 속도"), 10);
if (!$t.hasClass("counted")) {
$t.addClass("계산됨");
$({
countNum: $t.find(".count-text").text()
}).animate({
카운트 번호: n
}, {
기간: r,
이저: "선형",
단계: function() {
$t.find(".count-text").text(Math.floor(this.countNum));
},
완료: function() {
$t.find(".count-text").text(this.countNum);
}
});
}
},{accY: 0});
}
맞춤형 절제 상자
if($('.custom-select-box').length){
$('.custom-select-box').selectmenu().selectmenu('menuWidget').addClass('오버플로');
}
탭 상자
if($('.tabs-box').length){
$('.tabs-box .tab-buttons .tab-btn').on('클릭', function(e) {
e.preventDefault();
var target = $($(this).attr('데이터 탭'));
if ($(대상).is(':visible')){
false를 반환합니다.
}그렇지 않은{
target.parents('.tabs-box').find('.tab-buttons').find('.tab-btn').removeClass('active-btn');
$(this).addClass('액티브-btn');
target.parents('.tabs-box').find('.tabs-content').find('.tab').fadeOut(0);
target.parents('.tabs-box').find('.tabs-content').find('.tab').removeClass('active-tab');
$(대상).fadeIn(300);
$(대상).addClass('활성 탭');
}
});
}
단일 항목 캐러셀
if ($('.single-item-carousel').length) {
$('.single-item-carousel').owlcarousel({
루프:true,
여백:0,
nav:true,
스마트 속도: 1000,
자동 재생: 5000,
navText: [ '', '' ],
반응형:{
0:{
항목:1
},
600:{
항목:1
},
1200:{
항목:1
}
}
});
}
2개 항목 캐러셀
if ($('.two-item-carousel').length) {
$('.two-item-carousel').owlcarousel({
루프:true,
여백:30,
nav:true,
스마트스피드: 700,
자동 재생: 4000,
navText: [ '', '' ],
반응형:{
0:{
항목:1
},
600:{
항목:1
},
800:{
항목:1
},
1024:{
항목:2
},
1200:{
항목:2
}
}
});
}
3개 항목 회전목마
if ($('.three-item-carousel').length) {
$('.three-item-carousel').owlcarousel({
루프:true,
여백:30,
nav:true,
스마트스피드: 700,
자동 재생: 5000,
navText: [ '', '' ],
반응형:{
0:{
항목:1
},
600:{
항목:1
},
800:{
항목:2
},
1024:{
항목:3
},
1200:{
항목:3
},
}
});
}
4개 항목 캐러셀
if ($('.4-item-carousel').length) {
$('.4개 항목 캐러셀').owl캐러셀({
루프:true,
여백:30,
nav:true,
스마트스피드: 700,
자동 재생: 4000,
navText: [ '', '' ],
반응형:{
0:{
항목:1
},
600:{
항목:2
},
800:{
항목:2
},
1024:{
항목:3
},
1200:{
항목:4
}
}
});
}
4개 항목 캐러셀
if ($('.four-item-fluidcarousel').length) {
$('.4-item-fluidcarousel').owlcarousel({
루프:true,
여백:0,
nav:true,
스마트스피드: 700,
자동 재생: 4000,
navText: [ '', '' ],
반응형:{
0:{
항목:1
},
800:{
항목:2
},
1024:{
항목:3
},
1500:{
항목:4
}
}
});
}
5개 항목 회전목마
if ($('.5-item-carousel').length) {
$('.5개 항목 회전목마').owl회전목마({
루프:true,
여백:30,
nav:true,
스마트스피드: 700,
자동 재생: 4000,
navText: [ '', '' ],
반응형:{
0:{
항목:1
},
600:{
항목:2
},
800:{
항목:3
},
1024:{
항목:4
},
1200:{
항목:5
}
}
});
}
6개 항목 회전목마
if ($('.six-item-carousel').length) {
$('.six-item-carousel').owlcarousel({
루프:true,
여백:30,
nav:true,
스마트스피드: 700,
자동 재생: 4000,
navText: [ '', '' ],
반응형:{
0:{
항목:1
},
480:{
항목:2
},
767:{
항목:3
},
900:{
항목:4
},
1024:{
항목:5
},
1200:{
항목:6
}
}
});
}
석공
함수 enableMasonry() {
if($('.masonry-items-container').length){
var winDow = $(창);
필요한 변수
var $container=$('.masonry-items-container');
$container.동위원소({
itemSelector: '.masonry-item',
벽돌: {
columnWidth : 0
},
애니메이션 옵션:{
기간:500,
이지저브:'선형'
}
});
winDow.bind('크기 조정', function(){
$container.동위원소({
itemSelector: '.masonry-item',
애니메이션 옵션: {
지속 시간: 500,
이드easing : '선형',
대기열 : 거짓
}
});
});
}
}
enableMasonry();
동위원소 스타일
if ($('.isotope_block').length) {
$('.isotope_block').isotope({
layoutMode:'석조'
});
}
가격대 슬라이더
if($('.range-slider-price').length){
var priceRange = document.getElementById('범위 슬라이더 가격');
noUiSlider.create(가격범위, {
시작: [ 180, 560 ],
제한: 1000,
행동: '드래그',
연결: true,
범위: {
'분': 100,
'최대': 1000
}
});
var limitFieldMin = document.getElementById('최소 값 범위 슬라이더');
var limitFieldMax = document.getElementById('최대 값 범위 슬라이더');
priceRange.noUiSlider.on('업데이트', 함수( 값, 핸들 ){
(핸들 ? limitFieldMax : limitFieldMin).value = values[핸들];
});
}
아코디언 박스
if($('.accordion-box').length){
$(".accordion-box").on('클릭', '.accord-btn', function() {
if($(this).hasClass('active')!==true){
$('.accordion .accord-btn').removeClass('활성');
}
if ($(this).next('.accord-content').is(':visible')){
$(this).removeClass('활성');
$(this).next('.accord-content').slideUp(300);
}그렇지 않은{
$(this).addClass('활성');
$('.accordion .accord-content').slideUp(300);
$(이것).next('.accord-content').slideDown(300);
}
});
}
라이트박스 / 팬시박스
if($('.lightbox-image').length) {
$('.lightbox-image').fancybox({
openEffect : '페이드',
closeEffect : '페이드',
도우미 : {
미디어 : {}
}
});
}
진행률 표시줄 / 레벨
if($('.progress-levels .progress-box .bar-fill').length){
$(".progress-box .bar-fill").each(함수() {
var progressWidth = $(this).attr('데이터 퍼센트');
$(이것).css('너비',progressWidth+'%');
$(this).children('.percent').html(progressWidth+'%');
});
}
문의 양식 유효성 검사
if($('#contact-form').length){
$("#contact 형식").validate({
submitHandler: 함수(양식) {
var form_btn = $(form).find('버튼[유형="제출"]');
var form_result_div = '#form-결과';
$(form_result_div).제거();
form_btn.before('');
var form_btn_old_msg = form_btn.html();
form_btn.html(form_btn.prop('disabled', true).data("loading-text"));
$(양식).ajaxSubmit({
데이터 유형: 'json',
성공: 함수(데이터) {
if( data.status == 'true' ) {
$(양식).find('.form-control').val('');
}
form_btn.prop('비활성화', 거짓).html(form_btn_old_msg);
$(form_result_div).html(data.message).fadeIn('느림');
setTimeout(function(){ $(form_result_div).fadeOut('느림') }, 6000);
}
});
}
});
}
if ($('.time-countdown').length) {
$('.time-countdown').each(함수() {
var 셀프 = $(this);
var countDate = Self.data('카운트다운 시간'); 날짜 가져오기
Self.countdown(countDate, 함수(이벤트) {
$(이것).html(''+ event.strftime('%D : %H : %M : %S') +'
');
});
});
};
if ($('.time-countdown-two').length) {
$('.time-countdown-two').each(함수() {
var 셀프 = $(this);
var countDate = Self.data('카운트다운 시간'); 날짜 가져오기
Self.countdown(countDate, 함수(이벤트) {
$(이것).html(' '+ event.strftime('%D') +' 일
'+ event.strftime('%H') +' 시간
'+ event.strftime('%M') +' 분
'+ event.strftime('%S') +' 초
');
});
});
};
언어 전환기
if ($("#polyglot-언어 옵션").length) {
$('#polyglotLanguageSwitcher').polyglotLanguageSwitcher({
효과: '슬라이드',
애님 속도: 150,
testMode: true,
onChange: 함수(evt) {
alert("선택한 언어는 다음과 같습니다: " + evt.selectedItem);
}
});
};
엘리먼트 애니메이션
if($('.wow').length){
var wow = 새로운 WOW(
{
boxClass: 'wow', // 애니메이션 요소 CSS 클래스(기본값은 wow)
animateClass: 'animated', // 애니메이션 CSS 클래스(기본값은 애니메이션)
offset: 0, // 애니메이션을 트리거할 때 요소까지의 거리(기본값은 0)
mobile: false, // 모바일 장치에서 애니메이션 트리거(기본값은 true)
live: true // 비동기적으로 로드된 콘텐츠에 대해 작동합니다(기본값은 true).
}
);
와우.초기화();
}
/* ==========================================================================
문서가 스크롤되면
========================================================================== */
$(창).on('스크롤', 함수() {
헤더 스타일();
팩트 카운터();
});
/* ==========================================================================
문서가 로드되면
========================================================================== */
$(window).on('로드', 함수() {
핸들프리로더();
});
})(window.jQuery);
.png?imageView2/1/format/webp)
.png?imageView2/1/format/webp)
