|
...
|
...
|
@@ -11,12 +11,14 @@ var $ = require('yoho-jquery'), |
|
|
|
loading = require('../../plugin/loading');
|
|
|
|
|
|
|
|
var $goodsContainer = $('#goods-container'),
|
|
|
|
$defaultgc = $goodsContainer.find('.default-goods'),
|
|
|
|
$ngc = $goodsContainer.find('.new-goods'),
|
|
|
|
$dgc = $goodsContainer.find('.discount-goods'),
|
|
|
|
$pgc = $goodsContainer.find('.price-goods'),
|
|
|
|
$agc = $goodsContainer.find('.all-goods'),
|
|
|
|
$cgc = $goodsContainer.find('.category-goods'),
|
|
|
|
$sgc = $goodsContainer.find('.sale-goods');
|
|
|
|
$sgc = $goodsContainer.find('.sale-goods'),
|
|
|
|
$newList = $('.new-list');
|
|
|
|
|
|
|
|
var winH = $(window).height(),
|
|
|
|
noResult = '<p class="no-result">未找到相关搜索结果</p>';
|
|
...
|
...
|
@@ -37,7 +39,7 @@ var $listNav = $('#list-nav'), |
|
|
|
page: 0,
|
|
|
|
end: false
|
|
|
|
},
|
|
|
|
newest: {
|
|
|
|
new: {
|
|
|
|
order: 0,
|
|
|
|
reload: true,
|
|
|
|
page: 0,
|
|
...
|
...
|
@@ -66,6 +68,12 @@ var $listNav = $('#list-nav'), |
|
|
|
reload: true,
|
|
|
|
page: 0,
|
|
|
|
end: false
|
|
|
|
},
|
|
|
|
default: {
|
|
|
|
order: 0,
|
|
|
|
reload: true,
|
|
|
|
page: 0,
|
|
|
|
end: false
|
|
|
|
}
|
|
|
|
},
|
|
|
|
$pre = $listNav.find('.active'), // 纪录进入筛选前的active项，初始为选中项
|
|
...
|
...
|
@@ -106,7 +114,7 @@ function judgeType(dom) { |
|
|
|
var navType = 'category';
|
|
|
|
|
|
|
|
if (dom.hasClass('new')) {
|
|
|
|
navType = 'newest';
|
|
|
|
navType = 'new';
|
|
|
|
} else if (dom.hasClass('price')) {
|
|
|
|
navType = 'price';
|
|
|
|
} else if (dom.hasClass('discount')) {
|
|
...
|
...
|
@@ -117,6 +125,8 @@ function judgeType(dom) { |
|
|
|
navType = 'all';
|
|
|
|
} else if (dom.hasClass('category')) {
|
|
|
|
navType = 'category';
|
|
|
|
} else if (dom.hasClass('default')) {
|
|
|
|
navType = 'default';
|
|
|
|
}
|
|
|
|
|
|
|
|
return navType;
|
|
...
|
...
|
@@ -256,7 +266,7 @@ function search(opt, params, isScroll) { |
|
|
|
num;
|
|
|
|
|
|
|
|
switch (navType) {
|
|
|
|
case 'newest':
|
|
|
|
case 'new':
|
|
|
|
$container = $ngc;
|
|
|
|
break;
|
|
|
|
case 'price':
|
|
...
|
...
|
@@ -274,14 +284,16 @@ function search(opt, params, isScroll) { |
|
|
|
case 'categroy':
|
|
|
|
$container = $cgc;
|
|
|
|
break;
|
|
|
|
case 'default':
|
|
|
|
$container = $defaultgc;
|
|
|
|
break;
|
|
|
|
default:
|
|
|
|
$container = $agc;
|
|
|
|
break;
|
|
|
|
}
|
|
|
|
|
|
|
|
if ($container.hasClass('hide')) {
|
|
|
|
$container.siblings().addClass('hide');
|
|
|
|
$container.removeClass('hide');
|
|
|
|
$container.removeClass('hide').siblings().addClass('hide');
|
|
|
|
}
|
|
|
|
|
|
|
|
if (data === '' || (data.list && data.list.length <= 0)) {
|
|
...
|
...
|
@@ -372,6 +384,18 @@ $listNav.bind('contextmenu', function() { |
|
|
|
return false;
|
|
|
|
});
|
|
|
|
|
|
|
|
function newListHide() {
|
|
|
|
var $firstLi = $listNav.find('li.first-li-more');
|
|
|
|
|
|
|
|
if ($newList.hasClass('hide')) {
|
|
|
|
$firstLi.find('span.up').addClass('hide');
|
|
|
|
$firstLi.find('span.down').removeClass('hide');
|
|
|
|
} else {
|
|
|
|
$firstLi.find('span.down').addClass('hide');
|
|
|
|
$firstLi.find('span.up').removeClass('hide');
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
$listNav.on('touchend touchcancel', function(e) {
|
|
|
|
var $this = $(e.target).closest('li'),
|
|
|
|
nav,
|
|
...
|
...
|
@@ -384,6 +408,23 @@ $listNav.on('touchend touchcancel', function(e) { |
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
if ($this.hasClass('first-li-more')) {
|
|
|
|
filter.hideFilter();
|
|
|
|
$newList.toggleClass('hide');
|
|
|
|
if ($this.hasClass('default')) {
|
|
|
|
$newList.find('li.default').addClass('active').siblings().removeClass('active');
|
|
|
|
} else if ($this.hasClass('new')) {
|
|
|
|
$newList.find('li.new').addClass('active').siblings().removeClass('active');
|
|
|
|
} else if ($this.hasClass('sale')) {
|
|
|
|
$newList.find('li.sale').addClass('active').siblings().removeClass('active');
|
|
|
|
}
|
|
|
|
newListHide();
|
|
|
|
return true;
|
|
|
|
}
|
|
|
|
|
|
|
|
// 最新li 列表
|
|
|
|
$newList.addClass('hide');
|
|
|
|
|
|
|
|
if ($this.hasClass('filter')) {
|
|
|
|
|
|
|
|
// 筛选面板切换状态
|
|
...
|
...
|
@@ -438,7 +479,7 @@ $listNav.on('touchend touchcancel', function(e) { |
|
|
|
$goodsContainer.children('.container:not(.hide)').addClass('hide');
|
|
|
|
|
|
|
|
switch (navType) {
|
|
|
|
case 'newest':
|
|
|
|
case 'new':
|
|
|
|
$ngc.removeClass('hide');
|
|
|
|
break;
|
|
|
|
|
|
...
|
...
|
@@ -457,6 +498,10 @@ $listNav.on('touchend touchcancel', function(e) { |
|
|
|
case 'all':
|
|
|
|
$agc.removeClass('hide');
|
|
|
|
break;
|
|
|
|
|
|
|
|
case 'default':
|
|
|
|
$defaultgc.removeClass('hide');
|
|
|
|
break;
|
|
|
|
default:
|
|
|
|
break;
|
|
|
|
}
|
|
...
|
...
|
@@ -506,6 +551,69 @@ $listNav.on('touchstart', 'li', function() { |
|
|
|
$listNav.find('li').removeClass('bytouch');
|
|
|
|
});
|
|
|
|
|
|
|
|
$newList.on('touchstart', 'li', function(e) {
|
|
|
|
var navType,
|
|
|
|
$firstLiDom = $listNav.find('li.first-li-more');
|
|
|
|
|
|
|
|
e.preventDefault();
|
|
|
|
|
|
|
|
if ($(this).hasClass('new')) {
|
|
|
|
navType = 'new';
|
|
|
|
} else if ($(this).hasClass('default')) {
|
|
|
|
navType = 'default';
|
|
|
|
} else if ($(this).hasClass('sale')) {
|
|
|
|
navType = 'sale';
|
|
|
|
}
|
|
|
|
|
|
|
|
$newList.addClass('hide');
|
|
|
|
$firstLiDom.find('.span-test').text($(this).text());
|
|
|
|
$firstLiDom.addClass('active').siblings().removeClass('active');
|
|
|
|
$listNav.find('.first-li-more').removeClass('new default sale').addClass(navType);
|
|
|
|
|
|
|
|
newListHide();
|
|
|
|
|
|
|
|
if ($(this).hasClass('active')) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
// 切换container显示
|
|
|
|
$goodsContainer.children('.container:not(.hide)').addClass('hide');
|
|
|
|
|
|
|
|
switch (navType) {
|
|
|
|
case 'new':
|
|
|
|
$ngc.removeClass('hide');
|
|
|
|
break;
|
|
|
|
|
|
|
|
case 'price':
|
|
|
|
$pgc.removeClass('hide');
|
|
|
|
break;
|
|
|
|
|
|
|
|
case 'discount':
|
|
|
|
$dgc.removeClass('hide');
|
|
|
|
break;
|
|
|
|
|
|
|
|
case 'default':
|
|
|
|
$defaultgc.removeClass('hide');
|
|
|
|
break;
|
|
|
|
|
|
|
|
case 'sale':
|
|
|
|
$sgc.removeClass('hide');
|
|
|
|
break;
|
|
|
|
default:
|
|
|
|
break;
|
|
|
|
}
|
|
|
|
$pre = $firstLiDom;
|
|
|
|
search({filtering: true});
|
|
|
|
});
|
|
|
|
|
|
|
|
$(document).on('touchstart', function(e) {
|
|
|
|
if (!$newList.hasClass('hide') &&
|
|
|
|
$(e.target).closest('.new-list, li.first-li-more').length <= 0) {
|
|
|
|
$newList.addClass('hide');
|
|
|
|
newListHide();
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
module.exports = {
|
|
|
|
start: search
|
|
|
|
}; |
...
|
...
|
|
