|
|
|
var $ = require('yoho-jquery'),
|
|
|
|
|
|
|
|
// Swiper = require('yoho.iswiper'),
|
|
|
|
lazyLoad = require('yoho-jquery-lazyload'),
|
|
|
|
loading = require('../plugin/loading');
|
|
|
|
|
|
|
|
var page = 1,
|
|
|
|
winH,
|
|
|
|
listTop,
|
|
|
|
navSwiper,
|
|
|
|
notab = 0,
|
|
|
|
sort = '',
|
|
|
|
id = '',
|
|
|
|
hotrankNav,
|
|
|
|
noResult = '<p class="no-result">未找到相关搜索结果</p>';
|
|
|
|
|
|
|
|
require('../common/suspend-cart');
|
|
|
|
require('../common');
|
|
|
|
|
|
|
|
var share = require('../common/share');
|
|
|
|
|
|
|
|
share({
|
|
|
|
title: '有货【会员日】开启啦！9月28日潮集狂欢趴等你来HI！限时6大福利，快参与起来喽~',
|
|
|
|
link: location.href,
|
|
|
|
desc: 'YOHO！BUY',
|
|
|
|
imgUrl: 'http://static.yohobuy.com/m/v1/img/touch/apple-touch-icon-144x144-precomposed-new.png'
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
function hotrank(page, sort, tabId, notab) {
|
|
|
|
loading.showLoadingMask();
|
|
|
|
$.ajax({
|
|
|
|
type: 'GET',
|
|
|
|
url: '/product/newsale/selectHotrank?' + sort,
|
|
|
|
dataType: 'html',
|
|
|
|
data: {
|
|
|
|
page: page,
|
|
|
|
tab_id: tabId,
|
|
|
|
notab: notab
|
|
|
|
},
|
|
|
|
success: function(data) {
|
|
|
|
if (data === ' ') {
|
|
|
|
if ($('.rank-main').length < 1 && $('.goods-nav').length < 1) {
|
|
|
|
$('#hotRank').html(noResult);
|
|
|
|
} else {
|
|
|
|
if (page === 1) {
|
|
|
|
hotrankNav = $('.goods-nav').prop('outerHTML');
|
|
|
|
|
|
|
|
$('#hotRank').html(hotrankNav + noResult);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
} else {
|
|
|
|
$('.no-result').remove();
|
|
|
|
if (page === 1) {
|
|
|
|
$('.rank-main').remove();
|
|
|
|
}
|
|
|
|
$('#hotRank').append(data);
|
|
|
|
}
|
|
|
|
|
|
|
|
lazyLoad($('img.lazy'));
|
|
|
|
$('.rank-main ul li:gt(9)').find('.item-content i').removeClass('top');
|
|
|
|
winH = $(window).height();
|
|
|
|
if ($('.rank-main').length !== 0) {
|
|
|
|
$('#yoho-footer').css('position', 'static');
|
|
|
|
listTop = $('.rank-main').find('ul').offset().top;
|
|
|
|
} else {
|
|
|
|
$('#yoho-footer').css({
|
|
|
|
position: 'fixed',
|
|
|
|
width: '100%'
|
|
|
|
});
|
|
|
|
}
|
|
|
|
navSwiper = new Swiper('.s-goods-nav', {
|
|
|
|
grabCursor: true,
|
|
|
|
slidesPerView: 'auto',
|
|
|
|
slideElement: 'li'
|
|
|
|
});
|
|
|
|
loading.hideLoadingMask();
|
|
|
|
}
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
function scrollHandler() {
|
|
|
|
if (page === 2) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
if ($(window).scrollTop() + winH < listTop + $('#hotRank').height() - 100) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
page = 2;
|
|
|
|
notab = 1;
|
|
|
|
hotrank(page, sort, id, notab);
|
|
|
|
}
|
|
|
|
|
|
|
|
$(window).scroll(function() {
|
|
|
|
window.requestAnimationFrame(scrollHandler);
|
|
|
|
});
|
|
|
|
|
|
|
|
hotrank(page, sort, id, notab);
|
|
|
|
$('#hotRank').on('touchend touchcancel', function(e) {
|
|
|
|
var ev = ev || window.event;
|
|
|
|
var target = ev.target || ev.srcElement;
|
|
|
|
|
|
|
|
if (target.nodeName.toLowerCase() === 'span') {
|
|
|
|
$('.s-goods-nav .nav-item').removeClass('active');
|
|
|
|
target.parentNode.className = 'active ' + target.parentNode.className;
|
|
|
|
id = target.getAttribute('data-id') ? target.getAttribute('data-id') : '';
|
|
|
|
sort = target.getAttribute('data-sort') ? target.getAttribute('data-sort') : '';
|
|
|
|
page = 1;
|
|
|
|
notab = 1;
|
|
|
|
hotrank(page, sort, id, notab);
|
|
|
|
}
|
|
|
|
});
|
|
|
|
$('#hotRank').bind('contextmenu', function(e) {
|
|
|
|
return false;
|
|
|
|
});
|
|
|
|
$('#hotRank').on('touchstart', function(e) {
|
|
|
|
var ev = ev || window.event;
|
|
|
|
var target = ev.target || ev.srcElement;
|
|
|
|
|
|
|
|
if (target.nodeName.toLowerCase() === 'span') {
|
|
|
|
target.parentNode.className = 'bgActive ' + target.parentNode.className;
|
|
|
|
}
|
|
|
|
}).on('touchend touchcancel', function() {
|
|
|
|
$('.s-goods-nav .nav-item').removeClass('bgActive');
|
|
|
|
});
|
|
|
|
|
...
|
...
|
|
