Initial commit
This commit is contained in:
Roshan476
431
wp-content/themes/evisa/assets/js/main.js
Normal file
431
wp-content/themes/evisa/assets/js/main.js
Normal file
@@ -0,0 +1,431 @@
|
||||
(function($) {
|
||||
"use strict";
|
||||
|
||||
$(window).on('load', function() {
|
||||
preloader();
|
||||
wowAnimation();
|
||||
});
|
||||
|
||||
// preloader
|
||||
function preloader() {
|
||||
$('#xb-loadding').delay().fadeOut();
|
||||
};
|
||||
|
||||
// back to top - start
|
||||
// --------------------------------------------------
|
||||
$(window).scroll(function() {
|
||||
if ($(this).scrollTop() > 500) {
|
||||
$('.xb-backtotop').addClass('active');
|
||||
} else {
|
||||
$('.xb-backtotop').removeClass('active');
|
||||
}
|
||||
});
|
||||
$(function() {
|
||||
$(".scroll").on('click', function() {
|
||||
$("html,body").animate({
|
||||
scrollTop: 0
|
||||
}, "slow");
|
||||
return false
|
||||
});
|
||||
});
|
||||
// back to top - end
|
||||
// --------------------------------------------------
|
||||
|
||||
// sticky header
|
||||
if ($('.stricky').length) {
|
||||
$('.stricky').addClass('original').clone(true).insertAfter('.stricky').addClass('stricked-menu').removeClass('original');
|
||||
}
|
||||
$(window).on('scroll', function() {
|
||||
if ($('.stricked-menu').length) {
|
||||
var headerScrollPos = 100;
|
||||
var stricky = $('.stricked-menu');
|
||||
if ($(window).scrollTop() > headerScrollPos) {
|
||||
stricky.addClass('stricky-fixed');
|
||||
} else if ($(this).scrollTop() <= headerScrollPos) {
|
||||
stricky.removeClass('stricky-fixed');
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
//=======================
|
||||
// header search
|
||||
$(".header-search-btn").on("click", function(e) {
|
||||
e.preventDefault();
|
||||
$(".header-search-form-wrapper").addClass("open");
|
||||
$('.header-search-form-wrapper input[type="search"]').focus();
|
||||
$('.body-overlay').addClass('active');
|
||||
});
|
||||
$(".xb-search-close").on("click", function(e) {
|
||||
e.preventDefault();
|
||||
$(".header-search-form-wrapper").removeClass("open");
|
||||
$("body").removeClass("active");
|
||||
$('.body-overlay').removeClass('active');
|
||||
});
|
||||
|
||||
|
||||
// sidebar info start
|
||||
// --------------------------------------------------
|
||||
$('.sidebar-menu-close, .body-overlay').on('click', function() {
|
||||
$('.offcanvas-sidebar').removeClass('active');
|
||||
$('.body-overlay').removeClass('active');
|
||||
});
|
||||
|
||||
$('.offcanvas-sidebar-btn').on('click', function() {
|
||||
$('.offcanvas-sidebar').addClass('active');
|
||||
$('.body-overlay').addClass('active');
|
||||
});
|
||||
|
||||
$('.body-overlay').on('click', function() {
|
||||
$(this).removeClass('active');
|
||||
$(".header-search-form-wrapper").removeClass("open");
|
||||
});
|
||||
|
||||
|
||||
// mobile menu
|
||||
// --------------------------------------------------
|
||||
$('.xb-nav-hidden li.menu-item-has-children > a').append('<span class="xb-menu-toggle"></span>');
|
||||
$('.xb-header-menu li.menu-item-has-children, .xb-menu-primary li.menu-item-has-children').append('<span class="xb-menu-toggle"></span>');
|
||||
$('.xb-menu-toggle').on('click', function() {
|
||||
if (!$(this).hasClass('active')) {
|
||||
$(this).closest('ul').find('.xb-menu-toggle.active').toggleClass('active');
|
||||
$(this).closest('ul').find('.sub-menu.active').toggleClass('active').slideToggle();
|
||||
}
|
||||
$(this).toggleClass('active');
|
||||
$(this).closest('.menu-item').find('> .sub-menu').toggleClass('active');
|
||||
$(this).closest('.menu-item').find('> .sub-menu').slideToggle();
|
||||
});
|
||||
|
||||
$('.xb-nav-hidden li.menu-item-has-children > a').click(function(e) {
|
||||
var target = $(e.target);
|
||||
if ($(this).attr('href') === '#' && !(target.is('.xb-menu-toggle'))) {
|
||||
e.stopPropagation();
|
||||
if (!$(this).find('.xb-menu-toggle').hasClass('active')) {
|
||||
$(this).closest('ul').find('.xb-menu-toggle.active').toggleClass('active');
|
||||
$(this).closest('ul').find('.sub-menu.active').toggleClass('active').slideToggle();
|
||||
}
|
||||
$(this).find('.xb-menu-toggle').toggleClass('active');
|
||||
$(this).closest('.menu-item').find('> .sub-menu').toggleClass('active');
|
||||
$(this).closest('.menu-item').find('> .sub-menu').slideToggle();
|
||||
}
|
||||
});
|
||||
$(".xb-nav-mobile").on('click', function() {
|
||||
$(this).toggleClass('active');
|
||||
$('.xb-header-menu').toggleClass('active');
|
||||
});
|
||||
|
||||
$(".xb-menu-close, .xb-header-menu-backdrop").on('click', function() {
|
||||
$(this).removeClass('active');
|
||||
$('.xb-header-menu').removeClass('active');
|
||||
});
|
||||
/* End Menu Mobile */
|
||||
|
||||
|
||||
//data background
|
||||
$("[data-background]").each(function() {
|
||||
$(this).css("background-image", "url(" + $(this).attr("data-background") + ") ")
|
||||
})
|
||||
|
||||
// data bg color
|
||||
$("[data-bg-color]").each(function() {
|
||||
$(this).css("background-color", $(this).attr("data-bg-color"));
|
||||
|
||||
});
|
||||
|
||||
function wowAnimation() {
|
||||
var wow = new WOW({
|
||||
boxClass: 'wow',
|
||||
animateClass: 'animated',
|
||||
offset: 0,
|
||||
mobile: false,
|
||||
live: true
|
||||
});
|
||||
wow.init();
|
||||
}
|
||||
|
||||
// xbo counter start
|
||||
function xboActive($scope, $) {
|
||||
if ($(".xbo").length) {
|
||||
$('.xbo').appear();
|
||||
$(document.body).on('appear', '.xbo', function(e) {
|
||||
var odo = $(".xbo");
|
||||
odo.each(function() {
|
||||
var countNumber = $(this).attr("data-count");
|
||||
$(this).html(countNumber);
|
||||
});
|
||||
window.xboOptions = {
|
||||
format: 'd',
|
||||
};
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
// xbo counter end
|
||||
|
||||
// isotop
|
||||
function isotopActive($scope, $) {
|
||||
$('.grid').imagesLoaded(function() {
|
||||
// init Isotope
|
||||
var $grid = $('.grid').isotope({
|
||||
itemSelector: '.grid-item',
|
||||
percentPosition: true,
|
||||
masonry: {
|
||||
// use outer width of grid-sizer for columnWidth
|
||||
columnWidth: '.grid-item',
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
// post gallery slider
|
||||
var slider = new Swiper('.post-gallery-slider', {
|
||||
spaceBetween: 0,
|
||||
slidesPerView: 1,
|
||||
centeredSlides: true,
|
||||
roundLengths: true,
|
||||
loop: true,
|
||||
loopAdditionalSlides: 30,
|
||||
autoplay: {
|
||||
enabled: true,
|
||||
delay: 6000
|
||||
},
|
||||
navigation: {
|
||||
nextEl: ".post-gallery-button-next",
|
||||
prevEl: ".post-gallery-button-prev",
|
||||
},
|
||||
speed: 400,
|
||||
});
|
||||
|
||||
var slider = new Swiper('.brand-slider .swiper-container', {
|
||||
slidesPerView: 'auto', // important for custom widths
|
||||
loop: true,
|
||||
centeredSlides: true,
|
||||
loopAdditionalSlides: 30,
|
||||
watchSlidesVisibility: true,
|
||||
slideVisibleClass: 'swiper-slide-visible',
|
||||
autoplay: {
|
||||
delay: 6000,
|
||||
},
|
||||
speed: 400,
|
||||
spaceBetween: 20, // spacing between slides
|
||||
breakpoints: {
|
||||
1600: { slidesPerView: 'auto' },
|
||||
1200: { slidesPerView: 'auto' },
|
||||
992: { slidesPerView: 'auto', centeredSlides: false },
|
||||
768: { slidesPerView: 'auto', centeredSlides: false },
|
||||
576: { slidesPerView: 'auto', centeredSlides: false },
|
||||
0: { slidesPerView: 'auto' },
|
||||
},
|
||||
});
|
||||
|
||||
|
||||
// testimonial slider
|
||||
function testimonialActive($scope, $) {
|
||||
var slider = new Swiper('.xb-testimonial-slider', {
|
||||
spaceBetween: 34,
|
||||
slidesPerView: 2,
|
||||
roundLengths: true,
|
||||
loop: true,
|
||||
loopAdditionalSlides: 30,
|
||||
watchSlidesVisibility: true,
|
||||
slideVisibleClass: 'swiper-slide-visible',
|
||||
navigation: {
|
||||
nextEl: ".tm-button-next",
|
||||
prevEl: ".tm-button-prev",
|
||||
},
|
||||
autoplay: {
|
||||
enabled: true,
|
||||
delay: 6000
|
||||
},
|
||||
speed: 400,
|
||||
breakpoints: {
|
||||
'1600': {
|
||||
slidesPerView: 2,
|
||||
},
|
||||
'1200': {
|
||||
slidesPerView: 2,
|
||||
},
|
||||
'992': {
|
||||
slidesPerView: 2,
|
||||
},
|
||||
'768': {
|
||||
slidesPerView: 2,
|
||||
},
|
||||
'576': {
|
||||
slidesPerView: 2,
|
||||
},
|
||||
'0': {
|
||||
slidesPerView: 1,
|
||||
},
|
||||
},
|
||||
});
|
||||
}
|
||||
|
||||
// testimonial slider
|
||||
function testimonialActiveV3($scope, $) {
|
||||
var slider = new Swiper('.xb-testimonial-slider2', {
|
||||
spaceBetween: 30,
|
||||
slidesPerView: 3,
|
||||
roundLengths: true,
|
||||
loop: true,
|
||||
loopAdditionalSlides: 30,
|
||||
watchSlidesVisibility: true,
|
||||
autoplay: {
|
||||
enabled: true,
|
||||
delay: 6000
|
||||
},
|
||||
speed: 400,
|
||||
breakpoints: {
|
||||
'1600': {
|
||||
slidesPerView: 3,
|
||||
},
|
||||
'1200': {
|
||||
slidesPerView: 3,
|
||||
},
|
||||
'992': {
|
||||
slidesPerView: 2,
|
||||
},
|
||||
'768': {
|
||||
slidesPerView: 2,
|
||||
},
|
||||
'576': {
|
||||
slidesPerView: 2,
|
||||
},
|
||||
'0': {
|
||||
slidesPerView: 1,
|
||||
},
|
||||
},
|
||||
});
|
||||
}
|
||||
|
||||
// country slider
|
||||
function countryActive($scope, $) {
|
||||
var slider = new Swiper('.xb-country-slide', {
|
||||
slidesPerView: 6,
|
||||
roundLengths: true,
|
||||
loop: true,
|
||||
loopAdditionalSlides: 30,
|
||||
watchSlidesVisibility: true,
|
||||
slideVisibleClass: 'swiper-slide-visible',
|
||||
autoplay: {
|
||||
enabled: true,
|
||||
delay: 6000
|
||||
},
|
||||
speed: 400,
|
||||
breakpoints: {
|
||||
'1600': {
|
||||
slidesPerView: 6,
|
||||
},
|
||||
'1200': {
|
||||
slidesPerView: 6,
|
||||
},
|
||||
'992': {
|
||||
slidesPerView: 5,
|
||||
},
|
||||
'768': {
|
||||
slidesPerView: 4,
|
||||
},
|
||||
'576': {
|
||||
slidesPerView: 3,
|
||||
},
|
||||
'0': {
|
||||
slidesPerView: 2,
|
||||
},
|
||||
},
|
||||
});
|
||||
}
|
||||
|
||||
// category slider
|
||||
function categoryActive($scope, $) {
|
||||
var slider = new Swiper('.xb-category-slider', {
|
||||
spaceBetween: 30,
|
||||
slidesPerView: 7,
|
||||
roundLengths: true,
|
||||
loop: true,
|
||||
loopAdditionalSlides: 30,
|
||||
watchSlidesVisibility: true,
|
||||
autoplay: {
|
||||
enabled: true,
|
||||
delay: 6000
|
||||
},
|
||||
speed: 400,
|
||||
breakpoints: {
|
||||
'1600': {
|
||||
slidesPerView: 7,
|
||||
},
|
||||
'1200': {
|
||||
slidesPerView: 6,
|
||||
},
|
||||
'992': {
|
||||
slidesPerView: 5,
|
||||
},
|
||||
'768': {
|
||||
slidesPerView: 4,
|
||||
},
|
||||
'576': {
|
||||
slidesPerView: 3,
|
||||
},
|
||||
'0': {
|
||||
slidesPerView: 2,
|
||||
},
|
||||
},
|
||||
});
|
||||
}
|
||||
|
||||
// nice select
|
||||
$('.nice-select').niceSelect();
|
||||
|
||||
/* magnificPopup img view */
|
||||
$('.popup-image').magnificPopup({
|
||||
type: 'image',
|
||||
gallery: {
|
||||
enabled: true
|
||||
}
|
||||
});
|
||||
|
||||
/* magnificPopup video view */
|
||||
$('.popup-video').magnificPopup({
|
||||
type: 'iframe',
|
||||
mainClass: 'mfp-zoom-in',
|
||||
});
|
||||
|
||||
// Accordion Box start
|
||||
if ($(".accordion_box").length) {
|
||||
$(".accordion_box").on("click", ".acc-btn", function() {
|
||||
var outerBox = $(this).parents(".accordion_box");
|
||||
var target = $(this).parents(".accordion");
|
||||
|
||||
if ($(this).next(".acc_body").is(":visible")) {
|
||||
$(this).removeClass("active");
|
||||
$(this).next(".acc_body").slideUp(300);
|
||||
$(outerBox).children(".accordion").removeClass("active-block");
|
||||
} else {
|
||||
$(outerBox).find(".accordion .acc-btn").removeClass("active");
|
||||
$(this).addClass("active");
|
||||
$(outerBox).children(".accordion").removeClass("active-block");
|
||||
$(outerBox).find(".accordion").children(".acc_body").slideUp(300);
|
||||
target.addClass("active-block");
|
||||
$(this).next(".acc_body").slideDown(300);
|
||||
}
|
||||
});
|
||||
}
|
||||
// Accordion Box end
|
||||
|
||||
// datepicker
|
||||
$(".datepicker").datepicker();
|
||||
|
||||
$(window).on('elementor/frontend/init', function() {
|
||||
elementorFrontend.hooks.addAction('frontend/element_ready/int-brand.default', brandActive);
|
||||
elementorFrontend.hooks.addAction('frontend/element_ready/int-funfact.default', xboActive);
|
||||
elementorFrontend.hooks.addAction('frontend/element_ready/int-testimonial.default', testimonialActive);
|
||||
elementorFrontend.hooks.addAction('frontend/element_ready/int-funfact-v2.default', xboActive);
|
||||
elementorFrontend.hooks.addAction('frontend/element_ready/int-country-v2.default', countryActive);
|
||||
elementorFrontend.hooks.addAction('frontend/element_ready/int-categories.default', categoryActive);
|
||||
elementorFrontend.hooks.addAction('frontend/element_ready/int-testimonial-v3.default', testimonialActiveV3);
|
||||
elementorFrontend.hooks.addAction('frontend/element_ready/int-funfact-v3.default', xboActive);
|
||||
elementorFrontend.hooks.addAction('frontend/element_ready/int-blog-v4.default', testimonialActive);
|
||||
elementorFrontend.hooks.addAction('frontend/element_ready/int-brand-v3.default', categoryActive);
|
||||
elementorFrontend.hooks.addAction('frontend/element_ready/int-skills.default', xboActive);
|
||||
elementorFrontend.hooks.addAction('frontend/element_ready/int-testimonial-v4.default', isotopActive);
|
||||
});
|
||||
|
||||
})(jQuery);
|
||||
Reference in New Issue
Block a user