Cacher is the code snippet organizer for pro developers

$(document).ready(function () {
    // 首頁上方大banner    
    var indexMainBanner = new Swiper('.swiper-container.index-main-banner', {
        //-direction: 'vertical', // 垂直選項切換
        loop: true, // 循環模式
        autoplay: true, // 自動播放
        // 分頁
        pagination: {
            el: '.swiper-pagination',
            clickable: true
        },

        // 切換前後按鈕

        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },


        // scrollbar
        /*
        scrollbar: {
            el: '.swiper-scrollbar',
        },
        */
    })

    var indexProductsSwiper = new Swiper('.swiper-container.index-products-swiper', {

        loop: true, // 循環模式
        slidesPerView: 3,
        spaceBetween: 0,
        pagination: {
            el: '.swiper-pagination',
            clickable: true,
        },
        // 切換前後按鈕
        breakpoints: {
            768: {
                slidesPerView: 2.5,
                spaceBetween: 10
            }
        },
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        }


    });
    //- 當選單開啟時，點擊任何一處關閉
    function collapseHide(event) {
        $('.navbar-collapse').collapse('hide')
    }

    $('.navbar-collapse').on('show.bs.collapse', function () {
        $('.wrapper').click(collapseHide);
    });

    $('.navbar-collapse').on('hide.bs.collapse', function () {
        if($(this).hasClass('show')){
            $("body").off("click", ".navbar-collapse", collapseHide)
        }
    });


    document.getElementById('footerYear').innerHTML = new Date().getFullYear() + '';

})