Blame view

public/js/product/detail/desc.js 3.36 KB
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17
/**
 *  商品详情  --异步加载页面下半部分
 * @author: liangzhifeng<zhifeng.liang@yoho.cn>
 * @date: 2015/11/18
 */
var $ = require('yoho-jquery'),
    lazyLoad = require('yoho-jquery-lazyload'),
    Swiper = require('yoho-swiper'),
    loading = require('../../plugin/loading'),
    tip = require('../../plugin/tip');

var introUrl = $('#introUrl').val(),
    winH = $(window).height(),
    $productDesc,
    searching = false,
    end = false;
郭成尧 authored
18 19 20 21
$('#is-deposit-advance').on('click', function() {
    tip.show('定金预售商品只能在APP端购买');
});
22 23 24 25 26 27 28 29
// 判断是否要显示向左滑动提示
function hiddenTips($ele) {
    var offsetContainer,
        offsetLastColumn;

    if ($ele.length > 0) {
        offsetContainer = $ele[0].getBoundingClientRect().right;
ccbikai authored
30 31 32
        if ($ele.find('.swiper-slide:last-child')[0]) {
            offsetLastColumn = $ele.find('.swiper-slide:last-child')[0].getBoundingClientRect().right;
        }
33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53

        if (offsetLastColumn - offsetContainer < 0) {
            $ele.next('.tips').css('display', 'none');
        } else {
            $ele.next('.tips').css('display', 'block');
        }
    }
}

// function isFlexSupport() {
//    var flex = document.createElement('p').style.flex,
//        webkitFlex = document.createElement('p').style.webkitFlex,
//        flexWrap = document.createElement('p').style.flexWrap;
//
//    if ((flex === '' || webkitFlex === '') && flexWrap === '') {
//        return true;
//    } else {
//        return false;
//    }
// }
54 55
// function wrapElements(selector, count) {
//     var elArr = null;
56
57 58
//     $(selector).each(function(idx) {
//         elArr = $(selector).slice(idx, idx + count);
59
60 61 62 63 64
//         if (elArr.length === count && idx % count === 0) {
//             $(elArr).wrapAll($('<div class="js-wraper"></div>'));
//         }
//     });
// }
65 66 67 68



function search() {
69
    if (searching || end || !introUrl) {
70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103
        return;
    }
    searching = true;

    // alert($('#reference-swiper-container .swiper-wrapper').width());
    loading.showLoadingMask();

    $.ajax({
        type: 'GET',
        url: introUrl,
        success: function(data) {
            $productDesc = $('#productDesc');
            $productDesc.append(data);

            window.rePosFooter();

            lazyLoad($productDesc.find('img.lazy'));

            // 尺码信息左右滑动
            new Swiper('#size-swiper-container', {
                slidesPerView: 'auto'
            });

            // 模特试穿左右滑动
            new Swiper('#reference-swiper-container', {
                slidesPerView: 'auto'
            });

            hiddenTips($('#size-swiper-container'));
            hiddenTips($('#reference-swiper-container'));

            // if (!isFlexSupport()) {
            //    $('.detail .column').removeClass('column').addClass('oldbox');
            // }
104
            // wrapElements('.detail .column', 2);
105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126
            searching = false;
            end = true;
            loading.hideLoadingMask();
        },
        error: function() {
            tip.show('网络断开连接了~');
            searching = false;
            loading.hideLoadingMask();
        }
    });
}

function scrollHandler() {
    if (!end || $(window).scrollTop() + winH >= $(document).height() - 200) {
        search();
    }
}

// srcoll to load more
$(window).scroll(function() {
    window.requestAnimationFrame(scrollHandler);
});
zhangxiaoru authored
127 128