вопрос
При верстке шаблона с html на DLE перестал работать один файл js.
Может кто глянет его, почему он не работает в DLE. В html все отлично работает. Не работает слайдер, переход по страницам и тд.
main.rar [2.76 Kb] (cкачиваний: 11)
Спасибо!
Может кто глянет его, почему он не работает в DLE. В html все отлично работает. Не работает слайдер, переход по страницам и тд.
main.rar [2.76 Kb] (cкачиваний: 11)
(function($) { "use strict";
//VARIABLES
var is_visible = $('.menu-button').is(':visible'),
swipers = [],winW, xsPoint = 767, smPoint = 991, mdPoint = 1199;
winW = $(window).width();
//SWIPER SLIDER
function initSwiper(){
var initIterator = 0;
$('.swiper-container').each(function(){
var $t = $(this);
var index = 'unique-id-'+initIterator;
$t.attr('data-init', index).addClass('initialized');
$t.find('.pagination').addClass('pagination-'+index);
var loopVar = parseInt($t.attr('data-loop')),
slidesPerViewVar = $t.attr('data-slides-per-view'),
xsValue, smValue, mdValue, lgValue;
if(slidesPerViewVar == 'responsive'){
slidesPerViewVar = 1;
xsValue = $t.attr('data-xs-slides');
smValue = $t.attr('data-sm-slides');
mdValue = $t.attr('data-md-slides');
lgValue = $t.attr('data-lg-slides');
}
swipers[index] = new Swiper(this,{
pagination: '.pagination-'+index,
loop: loopVar,
paginationclickable: true,
calculateHeight: true,
slidesPerView: slidesPerViewVar,
roundLengths: true,
onInit: function(swiper){
if($t.attr('data-slides-per-view')=='responsive') updateSlidesPerView(xsValue, smValue, mdValue, lgValue, swiper);
},
onSlideChangeEnd: function (swiper) {
var activeIndex = (loopVar===true)?swiper.activeIndex:swiper.activeLoopIndex;
if($t.find('.slider-index').length) {
$t.find(".start_index").html(activeIndex+1);
}
}
});
swipers[index].reInit();
initIterator++;
});
};
//SWIPER ARROWS
$('.swiper-arrow-left').on('click', function(){
swipers[$(this).parents('.swiper-container').attr('data-init')].swipePrev();
});
$('.swiper-arrow-right').on('click', function(){
swipers[$(this).parents('.swiper-container').attr('data-init')].swipeNext();
});
$('.carousel-arrow-left').on('click',function(){
swipers[$(this).prev().attr('data-init')].swipePrev();
});
$('.carousel-arrow-right').on('click', function(){
swipers[$(this).prev().prev().attr('data-init')].swipeNext();
});
function updateSlidesPerView(xsValue, smValue, mdValue, lgValue, swiper){
if(winW>mdPoint) swiper.params.slidesPerView = lgValue;
else if(winW>smPoint) swiper.params.slidesPerView = mdValue;
else if(winW>xsPoint) swiper.params.slidesPerView = smValue;
else {swiper.params.slidesPerView = xsValue;}
}
//WINDOW LOAD
$(window).load(function(){
center_bg();
galleryImg();
$('#loader-wrapper').fadeOut(500);
});
initSwiper();
//FUNCTIONS OF PAGE RESIZE
function resizeCall(){
winW = $(window).width();
$('.swiper-container[data-slides-per-view="responsive"]').each(function(){
swipers[$(this).attr('data-init')].reInit();
});
is_visible = $('.menu-button').is(':visible');
var contW = $('.container').width();
$('.images-menu-container').css({'width': contW});
$('.nav ul li .sub-menu-type2 li').css({'width': contW * 0.25});
}
$(window).resize(function(){
resizeCall();
galleryImg();
});
window.addEventListener("orientationchange", function() {
resizeCall();
}, false);
//CALCULATE WIDTH MENU
var contW = $('.container').width();
$('.images-menu-container').css({'width': contW});
$('.nav ul li .sub-menu-type2 li').css({'width': contW * 0.25});
//HOVER ANIMATE MENU
$('.nav > ul > li').on({
mouseenter: function () {
if(!is_visible) {
var obj = $(this).find('.images-menu-container');
obj.css({'opacity':'0','display':'block', 'margin-top':'120px'});
if($(this).hasClass('images-menu')) {
var thisOffset = $(this).offset().left - $(this).closest('.container').offset().left;
var centerObj = $(this).find('.sub-menu-type2');
var calcOffsetUl = thisOffset + $(this).width() * 0.5 - centerObj.width() * 0.5;
centerObj.css({'margin-left': (calcOffsetUl > 0 && calcOffsetUl < contW) ? calcOffsetUl : 0});
}
if($(this).hasClass('submenu-parent')){
$(this).find('.drop-menu-container').css({'opacity':'0','display':'block', 'margin-top':'90px'});
$(this).find('.drop-menu-container').animate({'opacity':'1', 'margin-top':'42px'}, 300);
}
obj.animate({'opacity':'1', 'margin-top':'60px'}, 300);
}
},
mouseleave: function () {
if(!is_visible) {
$(this).find('.images-menu-container').animate({
'opacity': '0',
'margin-top': '90'
}, 300, function () {
$(this).hide();
});
if ($(this).hasClass('submenu-parent')) {
$(this).find('.drop-menu-container').animate({
'opacity': '0',
'margin-top': '90'
}, 300, function () {
$(this).hide();
});
}
}
}
});
// VISIBLE SEARCH
if(!is_visible) {
$('.search-ico').on('mouseenter', function(){
$(this).css('cursor', 'pointer');
setTimeout(function() {
$('.search-block ').fadeIn(500);
}, 100)
});
$('.search-block').on('mouseleave', function(){
$('.search-block').not('.active').fadeOut(500);
});
$('.search-input').on('focus',function(){
$('.search-block').addClass('active');
});
$('.search-input').on('blur',function(){
$('.search-block').removeClass('active');
$('.search-block').fadeOut(500);
});
}
//MENU BUTTON
$('.menu-button').on('click', function () {
var menu = $('.nav-container').toggleClass('nav-container-responsive');
$(this).toggleClass('active');
$(window).resize(function(){
var w = $(window).width();
if(w > 320 && menu.is(':hidden')) {
menu.removeAttr('style');
}
});
});
//CLICK RESPONSIVE MENU
if(is_visible) {
$('.plus').on('click', function (e) {
e.preventDefault();
$(this).parent().next('.responsive-wrapp').slideToggle(500);
$(this).toggleClass('plus-active');
});
$('.arrow-right-b').on('click', function (e) {
e.preventDefault();
$(this).parent().next('.sub-sub-menu').slideToggle(500);
$(this).toggleClass('i-active');
});
$('.nav ul li .sub-menu-type2 li').css({'width': '100%'});
}
//BACKGROUND IMAGE
function center_bg(){
$('.center-image').each(function(){
var bgSrc = $(this).attr('src');
$(this).parent().css({'background-image':'url('+bgSrc+')'});
$(this).remove();
});
}
function galleryImg(){
if(winW < 992) {
$('.gallery-img').each(function(){
var bgSrc = $(this).attr('src');
$(this).parent().css({'background-image':'url('+bgSrc+')'});
$(this).css('visibility', 'hidden');
});
}
}
//CUSTOM UPLOAD FILE
$('.custom-file-input').on('change', function() {
var realVal = $(this).val(),
lastIndex = realVal.lastIndexOf('\\') + 1,
maskBtn = $('.send-file');
if(lastIndex !== -1) {
realVal = realVal.substr(lastIndex);
$(this).prev('.mask').find('.fileInputText').val(realVal);
$('.delete-foto').show();
maskBtn.css('opacity', 0);
}
});
$('.delete-foto').on('click', function (e) {
e.preventDefault();
var $wrapper = $(this).parents(".mask-wrapper"),
maskBtn = $('.send-file');
$wrapper.find(".fileInputText").val("");
$wrapper.find(".custom-file-input").val("");
$('.delete-foto').hide();
maskBtn.css('opacity', 1);
});
$('.close-panel').on('click', function (e) {
e.preventDefault();
$('.header').toggleClass('panel-hide');
$(this).toggleClass('close-panel-active');
});
//MASONRY
$(window).load(function(){
if($('#container-masonry').length) {
$('#container-masonry').masonry({
itemSelector: '.item',
columnWidth: '.item'
});
};
if($('.m-gallery-container').length) {
$('.m-gallery-container').masonry({
itemSelector: '.img-item',
columnWidth: '.img-item'
});
};
//MIXIUP
if($('#container').length) {
$('#container').mixItUp(
{
animation: {
duration: 400,
effects: 'fade translateZ(-360px) stagger(34ms)',
easing: 'ease'
}
}
);};
});
//GALLERY POPUP
if($('.gallery-parent').length) {
$('.gallery-parent').magnificPopup({
delegate: 'a', // child items selector, by clicking on it popup will open
type: 'image',
gallery: {enabled: true},
removalDelay: 500, //delay removal by X to allow out-animation
callbacks: {
beforeOpen: function () {
this.st.mainClass = this.st.el.attr('data-effect');
}
},
midClick: true
});
};
//CLOSE MESSAGE
$('.close-m').on('click', function (e) {
e.preventDefault();
$(this).parent().fadeOut(300);
});
//TABS
if($('#myTab a').length) {
$('#myTab a').on('click', function (e) {
e.preventDefault();
$(this).tab('show');
});
};
if($('#myTab a').length) {
$('#myTabWidget a').on('click',function (e) {
e.preventDefault();
$(this).tab('show');
});
};
})(jQuery);
Спасибо!
Ответил: Arsen
Вопрос решен при подключении в main.tpl не у казал закрывающий тег....
Прошу прощения у всех, за мою не внимательность).
P.S. использовал редактор без подсветки кода.
[b]Было:[/b]
<script src="{THEME}/js/main.js"><script>
Нужно:
<script src="{THEME}/js/main.js"></script>
Прошу прощения у всех, за мою не внимательность).
P.S. использовал редактор без подсветки кода.