$(document).ready(function () {
    //图片懒加载处理 src data-src
    $("img[data-original]").lazyload({
        //设置占位符，可以用img标签的src属性引入一个图片，替代未进去显示区域的待加载图片
        //placeholder : '{$staticPath}/assets/img/site.jpg',
        effect: "show", //渐现，show(直接显示),fadeIn(淡入),slideDown(下拉)
        threshold: 20, //预加载，在图片距离屏幕180px时提前载入
        failurelimit: 10
    });

    $(".content img[data-original]").lazyload({
        effect: "show",
        threshold: 20,
        failurelimit: 10,
        container: '.content'
    });

    $(".swiper-container img[data-original]").lazyload({
        effect: "show",
        threshold: 20,
        skip_invisible: false,
        event: "sporty",
        failurelimit: 10
    });
    $(".swiper-container img[data-original]").lazyload({
        effect: "show",
        threshold: 20,
        skip_invisible: false,
        event: "slideChange",
        failurelimit: 10,
        container: '.swiper-container'
    });
    $(".swiper-container img[data-original]").lazyload({
        effect: "show",
        threshold: 20,
        skip_invisible: false,
        event: "autoplay",
        failurelimit: 10
    });

    if (location.href.indexOf('detail') < 0) {
        var targetNode = document.documentElement;
        var observerConfig = {
            attributes: true,
            childList: true,
            subtree: true
        }
        var callback = function (mutationsList, observer) {
            mutationsList.forEach(MutationRecord => {
                if ((MutationRecord.attributeName == 'class' || MutationRecord.attributeName == 'style') && $(MutationRecord.target).is(":visible") && MutationRecord.target.tagName != 'BODY' && MutationRecord.target.tagName != 'IMG') {
                    $(MutationRecord.target).find('img[data-original]').each(function () {
                        if (!$(this).attr('src') || $(this).attr('src') != $(this).attr('data-original')) {
                            if (!$(this).attr('data-original')) return;
                            var $self = $(this);
                            $("<img />").bind("load", function () {
                                var original = $self.attr("data-original");
                                $self.hide();
                                $self.attr("src", original);
                                $self.loaded = true;
                                $self.show().removeAttr('data-original');
                            }).attr("src", $self.attr("data-original"));
                        }
                    })
                }
            })
        }
        var observer = new MutationObserver(callback);
        observer.observe(targetNode, observerConfig);
        window.addEventListener('beforeunload', function () {
            observer.disconnect();
        })
    }
    
    setTimeout(() => {
        $(document).scroll();
    }, 200);
});