From 2c287f3b0de3db6d95b6758e735cbb5879dc639f Mon Sep 17 00:00:00 2001 From: Anthony Talarico Date: Tue, 8 Oct 2019 13:15:20 -0400 Subject: [PATCH] fixing events carousel issues in mobile --- functions.php | 2 +- js/app.js | 38 +++++++++++++++++++++++--------------- js/custom/pageSetup.js | 38 +++++++++++++++++++++++--------------- 3 files changed, 47 insertions(+), 31 deletions(-) diff --git a/functions.php b/functions.php index f4f34ad..13fbf04 100644 --- a/functions.php +++ b/functions.php @@ -105,7 +105,7 @@ function glm_site_scripts() wp_enqueue_script('jquery'); wp_enqueue_script( 'glm_foundation', - get_template_directory_uri() . '/js/app.js?v=1.0.0.1', + get_template_directory_uri() . '/js/app.js?v=1.0.0.2', 'jquery', '1.0', true diff --git a/js/app.js b/js/app.js index ec8d453..449acdb 100644 --- a/js/app.js +++ b/js/app.js @@ -127,47 +127,55 @@ $(document).ready(function () { var btn_text_length, btn_text; // initialize the slick sliders on the events and blocks front page - function check_window_width(){ + function slick_init(){ if($(".feed").hasClass('slick-initialized') ) { $(".feed").slick('unslick') } if($(window).width() > 1023){ - $("#resContent").appendTo("#reservationContent"); - $("#mobile-sticky-nav").remove("show"); - $("#room-rates-slider").removeClass("open-form"); $(".feed").slick({ infinite: true, slidesToShow: 3, slidesToScroll: 1 }); - }else if($(window).width() < 641 ){ - $("#mobile-sticky-nav").addClass("show"); - $("#room-rates-slider").fadeIn(); - $("#resContent").appendTo("#room-rates-slider"); } else if($(window).width() < 1025 && $(window).width() > 639){ - $("#mobile-sticky-nav").addClass("show"); - $("#room-rates-slider").fadeIn(); - $("#resContent").appendTo("#room-rates-slider"); $(".feed").slick({ infinite: true, slidesToShow: 2, slidesToScroll: 1 }); } else if($(window).width() < 641 && $(window).width() > 319){ - $("#room-rates-slider").fadeIn(); - $("#resContent").appendTo("#room-rates-slider"); $(".feed").slick({ infinite: true, slidesToShow: 1, slidesToScroll: 1 }); } - + } + + function check_window_width(){ + + if($(window).width() > 1023){ + $("#resContent").appendTo("#reservationContent"); + $("#mobile-sticky-nav").remove("show"); + $("#room-rates-slider").removeClass("open-form"); + }else if($(window).width() < 641 ){ + $("#mobile-sticky-nav").addClass("show"); + $("#room-rates-slider").fadeIn(); + $("#resContent").appendTo("#room-rates-slider"); + } else if($(window).width() < 1025 && $(window).width() > 639){ + $("#mobile-sticky-nav").addClass("show"); + $("#room-rates-slider").fadeIn(); + $("#resContent").appendTo("#room-rates-slider"); + } else if($(window).width() < 641 && $(window).width() > 319){ + $("#room-rates-slider").fadeIn(); + $("#resContent").appendTo("#room-rates-slider"); + } } check_window_width(); + slick_init(); $(window).resize(function () { - + slick_init(); check_window_width(); // $('.slick-list').addClass("glmgrid-small-12 glmgrid-columns"); diff --git a/js/custom/pageSetup.js b/js/custom/pageSetup.js index 7a15d13..c720b64 100644 --- a/js/custom/pageSetup.js +++ b/js/custom/pageSetup.js @@ -118,47 +118,55 @@ $(document).ready(function () { var btn_text_length, btn_text; // initialize the slick sliders on the events and blocks front page - function check_window_width(){ + function slick_init(){ if($(".feed").hasClass('slick-initialized') ) { $(".feed").slick('unslick') } if($(window).width() > 1023){ - $("#resContent").appendTo("#reservationContent"); - $("#mobile-sticky-nav").remove("show"); - $("#room-rates-slider").removeClass("open-form"); $(".feed").slick({ infinite: true, slidesToShow: 3, slidesToScroll: 1 }); - }else if($(window).width() < 641 ){ - $("#mobile-sticky-nav").addClass("show"); - $("#room-rates-slider").fadeIn(); - $("#resContent").appendTo("#room-rates-slider"); } else if($(window).width() < 1025 && $(window).width() > 639){ - $("#mobile-sticky-nav").addClass("show"); - $("#room-rates-slider").fadeIn(); - $("#resContent").appendTo("#room-rates-slider"); $(".feed").slick({ infinite: true, slidesToShow: 2, slidesToScroll: 1 }); } else if($(window).width() < 641 && $(window).width() > 319){ - $("#room-rates-slider").fadeIn(); - $("#resContent").appendTo("#room-rates-slider"); $(".feed").slick({ infinite: true, slidesToShow: 1, slidesToScroll: 1 }); } - + } + + function check_window_width(){ + + if($(window).width() > 1023){ + $("#resContent").appendTo("#reservationContent"); + $("#mobile-sticky-nav").remove("show"); + $("#room-rates-slider").removeClass("open-form"); + }else if($(window).width() < 641 ){ + $("#mobile-sticky-nav").addClass("show"); + $("#room-rates-slider").fadeIn(); + $("#resContent").appendTo("#room-rates-slider"); + } else if($(window).width() < 1025 && $(window).width() > 639){ + $("#mobile-sticky-nav").addClass("show"); + $("#room-rates-slider").fadeIn(); + $("#resContent").appendTo("#room-rates-slider"); + } else if($(window).width() < 641 && $(window).width() > 319){ + $("#room-rates-slider").fadeIn(); + $("#resContent").appendTo("#room-rates-slider"); + } } check_window_width(); + slick_init(); $(window).resize(function () { - + slick_init(); check_window_width(); // $('.slick-list').addClass("glmgrid-small-12 glmgrid-columns"); -- 2.17.1