/*! * Stui v1.1.0 Copyright 2016-2018 http://v.shoutu.cn * Email 726662013@qq.com,admin@shoutu.cn */ var stui = { browser: { url: document.URL, domain: document.domain, title: document.title, language: (navigator.browserLanguage || navigator.language).toLowerCase(), canvas: function () { return !!document.createElement("canvas").getContext }(), useragent: function () { var a = navigator.userAgent; return { mobile: !!a.match(/AppleWebKit.*Mobile.*/), ios: !!a.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), android: -1 < a.indexOf("Android") || -1 < a.indexOf("Linux"), iPhone: -1 < a.indexOf("iPhone") || -1 < a.indexOf("Mac"), iPad: -1 < a.indexOf("iPad"), trident: -1 < a.indexOf("Trident"), presto: -1 < a.indexOf("Presto"), webKit: -1 < a.indexOf("AppleWebKit"), gecko: -1 < a.indexOf("Gecko") && -1 == a.indexOf("KHTML"), weixin: -1 < a.indexOf("MicroMessenger") } }() }, mobile: { popup: function () { $popblock = $(".popup"); $(".open-popup").click(function () { $popblock.addClass("popup-visible"); $("body").append('
'); $(".close-popup").click(function () { $popblock.removeClass("popup-visible"); $(".mask").remove(); $("body").removeClass("modal-open") }); $(".mask").click(function () { $popblock.removeClass("popup-visible"); $(this).remove(); $("body").removeClass("modal-open") }) }) }, slide: function () { $.getScript(SitePath + "statics/js/flickity.pkgd.min.js", function () { $(".type-slide").each(function (a) { $index = $(this).find('.active').index() * 1; if ($index > 3) { $index = $index - 3; } else { $index = 0; } $(this).flickity({ cellAlign: 'left', freeScroll: true, contain: true, prevNextButtons: false, pageDots: false, initialIndex: $index }); }) }) }, share: function () { $(".open-share").click(function () { stui.browser.useragent.weixin ? $("body").append('
') : $("body").append('
'); $(".mobile-share").click(function () { $(".mobile-share").remove(); $("body").removeClass("modal-open") }) }) } }, flickity: { carousel: function () { $.getScript(SitePath + "statics/js/flickity.pkgd.min.js", function () { $('.carousel_default').flickity({ cellAlign: 'left', contain: true, wrapAround: true, autoPlay: true, prevNextButtons: false }); $('.carousel_wide').flickity({ cellAlign: 'center', contain: true, wrapAround: true, autoPlay: true, }); $('.carousel_center').flickity({ cellAlign: 'center', contain: true, wrapAround: true, autoPlay: true, prevNextButtons: false }); $('.carousel_right').flickity({ cellAlign: 'left', wrapAround: true, contain: true, pageDots: false }); }) } }, images: { lazyload: function () { $.getScript(SitePath + "statics/js/jquery.lazyload.js", function () { $(".lazyload").lazyload({ effect: "fadeIn", threshold: 200, failurelimit: 15, skip_invisible: !1 }) }) }, qrcode: function () { $("img.qrcode").attr("src", "" + encodeURIComponent(stui.browser.url) + "") } }, common: { bootstrap: function () { $.getScript(SitePath + "statics/js/bootstrap.min.js", function () { $('a[data-toggle="tab"]').on("shown.bs.tab", function (a) { var b = $(a.target).text(); $(a.relatedTarget).text(); $("span.active-tab").html(b) }) }) }, headroom: function () { $.getScript(SitePath + "statics/js/headroom.min.js", function () { $("#header-top", function () { (new Headroom(document.querySelector("#header-top"), { tolerance: 5, offset: 205, classes: { initial: "top-fixed", pinned: "top-fixed-up", unpinned: "top-fixed-up" } })).init() }); }) }, collapse: function () { $(".detail").on("click", ".detail-more", function () { $detailContent = $(".detail-content"); $detailSketch = $(".detail-sketch"); "none" == $detailContent.css("display") ? ($(this).html('Rút gọn '), $detailContent.show(), $detailSketch.hide()) : ($(this).html('Xem thêm '), $detailContent.hide(), $detailSketch.show()) }) }, scrolltop: function () { var a = $(window); $scrollTopLink = $("a.backtop"); a.scroll(function () { 500 < $(this).scrollTop() ? $scrollTopLink.css("display", "block") : $scrollTopLink.css("display", "none") }); $scrollTopLink.on("click", function () { $("html, body").animate({ scrollTop: 0 }, 400); return !1 }) } } }; $(document).ready(function () { if (stui.browser.useragent.mobile) { stui.mobile.slide(); stui.mobile.popup(); stui.mobile.share(); } stui.flickity.carousel(); stui.images.lazyload(); stui.images.qrcode(); stui.common.bootstrap(); stui.common.headroom(); stui.common.collapse(); stui.common.scrolltop() });