|
|
|
var $ = require('jquery'),
|
|
|
|
Hammer = require('yoho.hammer'),
|
|
|
|
Swiper = require('yoho.iswiper'),
|
|
|
|
lazyLoad = require('yoho.lazyload'),
|
|
|
|
loading = require('../../plugin/loading');
|
|
|
|
|
|
|
|
var page = 1,
|
|
|
|
winH,
|
|
|
|
hotnav,
|
|
|
|
listTop,
|
|
|
|
navSwiper,
|
|
|
|
notab = 0,
|
|
...
|
...
|
@@ -15,42 +13,6 @@ var page = 1, |
|
|
|
hotrankNav,
|
|
|
|
noResult = '<p class="no-result">未找到相关搜索结果</p>';
|
|
|
|
|
|
|
|
// var renderRank = {
|
|
|
|
// errMsg: '<p class="no-result">未找到相关搜索结果</p>',
|
|
|
|
// navSelector: '.goods-nav',
|
|
|
|
// rankSelector: '#hotRank',
|
|
|
|
// navHTML: null,
|
|
|
|
// data: null,
|
|
|
|
// inited: 0,
|
|
|
|
// setData: function(data) {
|
|
|
|
// this.data = data;
|
|
|
|
// },
|
|
|
|
// showDataEmptyMsg: function() {
|
|
|
|
// $(this.rankSelector).append(this.errMsg);
|
|
|
|
// },
|
|
|
|
// isDataEmpty: function() {
|
|
|
|
// if (this.data.indexOf('>') === -1) {
|
|
|
|
// return true;
|
|
|
|
// } else {
|
|
|
|
// return false;
|
|
|
|
// }
|
|
|
|
// },
|
|
|
|
// appendData: function() {
|
|
|
|
// if (!this.inited) {
|
|
|
|
// this.inited = 1;
|
|
|
|
// }
|
|
|
|
// $(this.rankSelector).append(this.data);
|
|
|
|
// },
|
|
|
|
// render: function(data) {
|
|
|
|
// this.setData(data);
|
|
|
|
// if (!this.isDataEmpty()) {
|
|
|
|
// this.appendData();
|
|
|
|
// } else {
|
|
|
|
// this.showDataEmptyMsg();
|
|
|
|
// }
|
|
|
|
// }
|
|
|
|
|
|
|
|
// };
|
|
|
|
|
|
|
|
function hotrank(page, sort, tabId, notab) {
|
|
|
|
loading.showLoadingMask();
|
|
...
|
...
|
@@ -64,27 +26,6 @@ function hotrank(page, sort, tabId, notab) { |
|
|
|
notab: notab
|
|
|
|
},
|
|
|
|
success: function(data) {
|
|
|
|
|
|
|
|
// if (page === 1) {
|
|
|
|
// $('.no-result').remove();
|
|
|
|
// $('.rank-main').remove();
|
|
|
|
// }
|
|
|
|
|
|
|
|
// if (notab === 1) {
|
|
|
|
// if (data === ' ' && $('.rank-main').length < 1) {
|
|
|
|
// var hotrankNav = $('.goods-nav').prop("outerHTML");
|
|
|
|
|
|
|
|
// $('#hotRank').html(hotrankNav + noResult);
|
|
|
|
// } else {
|
|
|
|
// $('#hotRank').append(data);
|
|
|
|
// }
|
|
|
|
// } else {
|
|
|
|
// if (data === ' ') {
|
|
|
|
// $('#hotRank').html(noResult);
|
|
|
|
// } else {
|
|
|
|
// $('#hotRank').append(data);
|
|
|
|
// }
|
|
|
|
// }
|
|
|
|
if (data === ' ') {
|
|
|
|
if ($('.rank-main').length < 1 && $('.goods-nav').length < 1) {
|
|
|
|
$('#hotRank').html(noResult);
|
|
...
|
...
|
@@ -100,11 +41,6 @@ function hotrank(page, sort, tabId, notab) { |
|
|
|
$('.rank-main').remove();
|
|
|
|
$('#hotRank').append(data);
|
|
|
|
}
|
|
|
|
|
|
|
|
// renderRank.render(data);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
lazyLoad($('img.lazy'));
|
|
|
|
$('.rank-main ul li:gt(2)').find('.item-content i').removeClass('top');
|
|
|
|
winH = $(window).height();
|
|
...
|
...
|
@@ -136,28 +72,35 @@ function scrollHandler() { |
|
|
|
hotrank(page, sort, id, notab);
|
|
|
|
}
|
|
|
|
|
|
|
|
//srcoll to load more
|
|
|
|
$(window).scroll(function() {
|
|
|
|
window.requestAnimationFrame(scrollHandler);
|
|
|
|
});
|
|
|
|
|
|
|
|
hotrank(page, sort, id, notab);
|
|
|
|
hotnav = new Hammer(document.getElementById('hotRank'));
|
|
|
|
hotnav.on('tap', function(e) {
|
|
|
|
$('#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 = renderRank.inited;
|
|
|
|
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 = 'active ' + target.parentNode.className;
|
|
|
|
}
|
|
|
|
}).on('touchend touchcancel', function() {
|
|
|
|
$('.s-goods-nav .nav-item').removeClass('active');
|
|
|
|
});
|
|
|
|
|
...
|
...
|
|
