');
Dropdown-Schaltfläche
$('.main-header .navigation li.dropdown .dropdown-btn').on('klick', function() {
$(this).prev('ul').slideToggle(500);
});
Deaktivieren Sie den übergeordneten Dropdown-Link
$('.navigation li.dropdown > a').on('klick', Funktion(e) {
e.preventDefault();
});
}
Produkt-Registerkarten
wenn($('.project-tab').length){
$('.project-tab .product-tab-btns .p-tab-btn').on('click', function(e) {
e.preventDefault();
var Ziel = $($(this).attr('data-tab'));
if ($(Ziel).hasClass('actve-tab')){
false zurückgeben;
}sonst{
$('.project-tab .product-tab-btns .p-tab-btn').removeClass('active-btn');
$(this).addClass('active-btn');
$('.project-tab .p-tabs-content .p-tab').removeClass('active-tab');
$(Ziel).addClass('aktive-tab');
}
});
}
FunktionsprüfungScrollen(Registerkarten){
var totalTabWidth = parseInt(tabs.children('.default-tabs-navigation').width(), 10),
tabsViewport = parseInt(tabs.width(), 10);
if( tabs.scrollLeft() >= totalTabWidth - tabsViewport) {
tabs.parent('.default-tabs').addClass('ist-ended');
} else {
tabs.parent('.default-tabs').removeClass('ist-ended');
}
}
Produkt-Karussell
if ($('.project-carousel').length) {
$('.project-carousel').owlCarousel({
Schleife:wahr,
Rand:30,
nav:wahr,
smartSpeed: 700,
Automatisches Abspielen: 5000,
navText: [ '', '' ],
ansprechbar:{
0:{
Artikel:1
},
600:{
Artikel:2
},
800:{
Artikel:2
},
1024:{
Artikel:3
},
1200:{
Artikel:4
},
1400:{
Artikel:4
},
1600:{
Artikel:4
}
}
});
}
Galerie mit Filtern
wenn($('.filter-liste').länge){
$('.filter-list').mixItUp({});
}
Jquery Spinner / Quantity Spinner
if($('.quantity-spinner').length){
$("input.quantity-spinner"). TouchSpin({
verticalbuttons: wahr
});
}
Karussell mit Kundenstimmen
if ($('.client-testimonial-carousel').length && $('.client-thumbs-carousel').length) {
var $sync 3 = $(".client-testimonial-karussell"),
$sync 4 = $(".client-thumbs-karussell"),
flag = falsch,
Dauer = 500;
$sync 3
.owlKarussell({
Schleife:wahr,
Artikel: 1,
Rand: 0,
nav: true,
navText: [ '', '' ],
Punkte: falsch,
autoplay: wahr,
automatische WiedergabeAuszeitüberschreitung: 5000
})
.on('geändert.owl.carousel', Funktion (e) {
if (!flag) {
flag = falsch;
$sync 4.trigger('to.owl.carousel', [e.item.index, duration, true]);
flag = falsch;
}
});
$sync 4
.owlKarussell({
Schleife:wahr,
Rand:10,
Artikel: 1,
nav: falsch,
navText: [ '', '' ],
Punkte: falsch,
center: falsch,
autoplay: wahr,
autoplayTimeout: 5000,
Ansprechbar: {
0:{
Artikel:1,
autoWidth: falsch
},
400:{
Artikel:1,
autoWidth: falsch
},
600:{
Artikel:1,
autoWidth: falsch
},
1000:{
Artikel:1,
autoWidth: falsch
},
1200:{
Artikel:1,
autoWidth: falsch
}
},
})
.on('click', '.owl-item', function () {
$sync 3.trigger('to.owl.carousel', [$(this).index(), duration, true]);
})
.on('geändert.owl.carousel', Funktion (e) {
if (!flag) {
flag = wahr;
$sync 3.trigger('to.owl.carousel', [e.item.index, duration, true]);
flag = falsch;
}
});
}
Fakten-Zähler
Funktion factCounter() {
if($('.fact-counter').length){
$('.fact-counter .counter-column.animated').each(function() {
var $t = $(dieses),
n = $t.find(".count-text").attr("Datenstopp"),
r = parseInt($t.find(".count-text").attr("Datengeschwindigkeit"), 10);
if (!$t.hasClass("counted")) {
$t.addClass("gezählt");
$({
countAnzahl: $t.find(".count-text").text()
}).animate({
countNum: n
}, {
Dauer: r,
Lockerung: "linear",
Schritt: function() {
$t.find(".count-text").text(Math.floor(this.countNum));
},
vollständig: function() {
$t.find(".count-text").text(this.countNum);
}
});
}
});
}
}
Faktenzähler + Textanzahl
if($('.count-box').length){
$('.count-box').appear(function(){
var $t = $(dieses),
n = $t.find(".count-text").attr("Datenstopp"),
r = parseInt($t.find(".count-text").attr("Datengeschwindigkeit"), 10);
if (!$t.hasClass("counted")) {
$t.addClass("gezählt");
$({
countAnzahl: $t.find(".count-text").text()
}).animate({
countNum: n
}, {
Dauer: r,
Lockerung: "linear",
Schritt: function() {
$t.find(".count-text").text(Math.floor(this.countNum));
},
vollständig: function() {
$t.find(".count-text").text(this.countNum);
}
});
}
},{accY: 0});
}
Benutzerdefinierte Seclect Box
if($('.custom-select-box').length){
$('.custom-select-box').selectmenu().selectmenu('menuWidget').addClass('overflow');
}
Tabs-Feld
if($('.tabs-box').length){
$('.tabs-box .tab-buttons .tab-btn').on('klick', funktion(e) {
e.preventDefault();
var Ziel = $($(this).attr('data-tab'));
if ($(Ziel).is(':sichtbar')){
false zurückgeben;
}sonst{
target.parents('.tabs-box').find('.tab-buttons').find('.tab-btn').removeClass('active-btn');
$(this).addClass('active-btn');
target.parents('.tabs-box').find('.tabs-content').find('.tab').fadeOut(0);
target.parents('.tabs-box').find('.tabs-content').find('.tab').removeClass('active-tab');
$(Ziel).fadeIn(300);
$(Ziel).addClass('aktive-tab');
}
});
}
Karussell für einzelne Artikel
if ($('.einzeles-karussell').länge) {
$('.single-item-karussell').owlKarussell({
Schleife:wahr,
margin:0,
nav:wahr,
smartSpeed: 1000,
Automatisches Abspielen: 5000,
navText: [ '', '' ],
ansprechbar:{
0:{
Artikel:1
},
600:{
Artikel:1
},
1200:{
Artikel:1
}
}
});
}
Karussell mit zwei Artikeln
if ($('.zwei-item-karussell').länge) {
$('.Zwei-Artikel-Karussell').owlKarussell({
Schleife:wahr,
Rand:30,
nav:wahr,
smartSpeed: 700,
Automatische Wiedergabe: 4000,
navText: [ '', '' ],
ansprechbar:{
0:{
Artikel:1
},
600:{
Artikel:1
},
800:{
Artikel:1
},
1024:{
Artikel:2
},
1200:{
Artikel:2
}
}
});
}
Karussell mit drei Elementen
if ($('.drei-item-karussell').länge) {
$('.drei-item-karussell').owlKarussell({
Schleife:wahr,
Rand:30,
nav:wahr,
smartSpeed: 700,
Automatisches Abspielen: 5000,
navText: [ '', '' ],
ansprechbar:{
0:{
Artikel:1
},
600:{
Artikel:1
},
800:{
Artikel:2
},
1024:{
Artikel:3
},
1200:{
Artikel:3
},
}
});
}
Karussell mit vier Elementen
if ($('.vier-item-karussell').length) {
$('.vier-Artikel-Karussell').owlKarussell({
Schleife:wahr,
Rand:30,
nav:wahr,
smartSpeed: 700,
Automatische Wiedergabe: 4000,
navText: [ '', '' ],
ansprechbar:{
0:{
Artikel:1
},
600:{
Artikel:2
},
800:{
Artikel:2
},
1024:{
Artikel:3
},
1200:{
Artikel:4
}
}
});
}
Karussell mit vier Elementen
if ($('.vier-item-fluidcarousel').length) {
$('.vier-item-fluidkarussell').owlKarussell({
Schleife:wahr,
margin:0,
nav:wahr,
smartSpeed: 700,
Automatische Wiedergabe: 4000,
navText: [ '', '' ],
ansprechbar:{
0:{
Artikel:1
},
800:{
Artikel:2
},
1024:{
Artikel:3
},
1500:{
Artikel:4
}
}
});
}
Karussell mit fünf Gegenständen
if ($('.fünf-item-karussell').length) {
$('.fünf-item-karussell').owlKarussell({
Schleife:wahr,
Rand:30,
nav:wahr,
smartSpeed: 700,
Automatische Wiedergabe: 4000,
navText: [ '', '' ],
ansprechbar:{
0:{
Artikel:1
},
600:{
Artikel:2
},
800:{
Artikel:3
},
1024:{
Artikel:4
},
1200:{
Artikel:5
}
}
});
}
Karussell mit sechs Artikeln
if ($('.sechs-item-karussell').länge) {
$('.sechs-Artikel-Karussell').owlKarussell({
Schleife:wahr,
Rand:30,
nav:wahr,
smartSpeed: 700,
Automatische Wiedergabe: 4000,
navText: [ '', '' ],
ansprechbar:{
0:{
Artikel:1
},
480:{
Artikel:2
},
767:{
Artikel:3
},
900:{
Artikel:4
},
1024:{
Artikel:5
},
1200:{
Artikel:6
}
}
});
}
Mauerwerk
Funktion enableMasonry() {
wenn($('.mauerwerks-artikel-container').länge){
var winDow = $(Fenster);
Benötigte Variablen
var $container=$('.Mauerwerks-Artikel-Container');
$container.isotop({
itemSelector: '.masonry-item',
Mauerwerk: {
columnWidth : 0
},
animationOptions:{
Dauer:500,
Lockerung:'linear'
}
});
winDow.bind('resize', function(){
$container.isotop({
itemSelector: '.masonry-item',
animationOptionen: {
Dauer: 500,
Lockerung : 'linear',
Warteschlange : falsch
}
});
});
}
}
enableMasonry();
Isotopen-Stil
if ($('.isotope_block').length) {
$('.isotope_block').isotop({
layoutMode:'Mauerwerk'
});
}
Schieberegler für die Preisspanne
if($('.range-slider-price').length){
var priceRange = document.getElementById('Schieberegler-Preis');
noUiSlider.create(priceRange, {
Start: [ 180, 560 ],
Limit: 1000,
Verhalten: 'Ziehen',
connect: true,
Bereich: {
'min': 100,
'max': 1000
}
});
var limitFieldMin = document.getElementById('min-value-rangeslider');
var limitFieldMax = document.getElementById('max-value-rangeslider');
priceRange.noUiSlider.on('update', function( Werte, Handle ){
(Handle ? limitFieldMax : limitFieldMin).value = Werte[Handle];
});
}
Akkordeon-Box
wenn($('.akkordeon-box').länge){
$(".akkordeon-box").on('klick', '.accord-btn', function() {
if($(this).hasClass('active')!==true){
$('.akkordeon .accord-btn').removeClass('aktiv');
}
if ($(this).next('.accord-content').is(':visible')){
$(this).removeClass('aktiv');
$(this).next('.accord-content').slideUp(300);
}sonst{
$(this).addClass('aktiv');
$('.akkordeon .akkordeon-inhalt').slideUp(300);
$(this).next('.accord-content').slideDown(300);
}
});
}
Leuchtkasten / Fancybox
if($('.lightbox-image').length) {
$('.lightbox-image').fancybox({
openEffect : 'Verblassen',
closeEffect : 'verblassen',
Helfer : {
Medien : {}
}
});
}
Fortschrittsbalken / Ebenen
if($('.progress-levels .progress-box .bar-fill').length){
$(".progress-box .bar-fill").each(function() {
var progressWidth = $(dies).attr('Datenprozent');
$(this).css('width',progressWidth+'%');
$(this).children('.percent').html(progressWidth+'%');
});
}
Validierung des Kontaktformulars
if($('#contact-form').length){
$("#contact-Formular").validate({
submitHandler: function(form) {
var form_btn = $(form).find('button[type="submit"]');
var form_result_div = '#form-Ergebnis';
$(form_result_div).remove();
form_btn.before('');
var form_btn_old_msg = form_btn.html();
form_btn.html(form_btn.prop('disabled', true).data("loading-text"));
$(form).ajaxSubmit({
Datentyp: 'json',
Erfolg: function(data) {
if( data.status == 'wahr' ) {
$(form).find('.form-control').val('');
}
form_btn.prop('disabled', false).html(form_btn_old_msg);
$(form_result_div).html(data.message).fadeIn('langsam');
setTimeout(function(){ $(form_result_div).fadeOut('langsam') }, 6000);
}
});
}
});
}
if ($('.time-countdown').length) {
$('.time-countdown').each(function () {
var Selbst = $(dies);
var countDate = Selbst.daten('Countdown-Zeit'); Datum abrufen
Selbst.countdown(countDate, function(Ereignis) {
$(dieses).html(''+ event.strftime('%D : %H : %M : %S') +'
');
});
});
};
if ($('.time-countdown-two').length) {
$('.time-countdown-two').each(function () {
var Selbst = $(dies);
var countDate = Selbst.daten('Countdown-Zeit'); Datum abrufen
Selbst.countdown(countDate, function(Ereignis) {
$(dieses).html(' '+ event.strftime('%D') +' Tage
'+ event.strftime('%H') +' Stunden
'+ event.strftime('%M') +' Protokoll
'+ event.strftime('%S') +' Nachschlag
');
});
});
};
Sprachwechsler
if ($("#polyglot-sprachoptionen").länge) {
$('#polyglotLanguageSwitcher').polyglotLanguageSwitcher({
Effekt: 'Schieben',
animGeschwindigkeit: 150,
testMode: wahr,
onChange: function(evt) {
alert("Die ausgewählte Sprache ist: " + evt.selectedItem);
}
});
};
Elemente Animation
wenn($('.wow').length){
var wow = neu WOW(
{
boxClass: 'wow', // CSS-Klasse für animiertes Element (Standard ist wow)
animateClass: 'animated', // CSS-Klasse für Animation (Standard ist animiert)
offset: 0, // Abstand zum Element beim Auslösen der Animation (Standard ist 0)
mobile: false, // Animationen auf mobilen Geräten auslösen (Standard ist true)
live: true // Agieren bei asynchron geladenen Inhalten (Standard ist true)
}
);
wow.init();
}
/* ==========================================================================
Wenn das Dokument gescrollt wird, führen Sie
========================================================================== */
$(window).on('scroll', function() {
headerStyle();
factCounter();
});
/* ==========================================================================
Wenn das Dokument geladen ist, führen Sie
========================================================================== */
$(window).on('load', function() {
handlePreloader();
});
})(window.jAbfrage);
.png?imageView2/1/format/webp)
.png?imageView2/1/format/webp)
