Authored by xuqi

从商品列表拆分筛选功能

... ... @@ -26,26 +26,38 @@ exports.init = function() {
skip_invisible : false
});
//切换“最新”,“销量”,“价格”,“筛选”
$('#goods-nav').delegate('.nav-item', 'touchstart', function() {
var $cur = $(this);
if ($cur.hasClass('focus')) {
return;
}
$navItem.removeClass('focus');
$cur.addClass('focus');
$goodList.addClass('hide');
if ($cur.hasClass('new-patterns-nav')) {
$npc.removeClass('hide');
} else if ($cur.hasClass('sales-volume-nav')) {
$svc.removeClass('hide');
} else if ($cur.hasClass('price-nav')) {
$pc.removeClass('hide');
/**
* 导航 touch/click处理句柄
*/
function touchEvt(e) {
var $cur = $(e.currentTarget);
if ($cur.hasClass('screen-nav')) {
//筛选
} else {
if ($cur.hasClass('focus')) {
return;
}
$navItem.removeClass('focus');
$cur.addClass('focus');
$goodList.addClass('hide');
if ($cur.hasClass('new-patterns-nav')) {
$npc.removeClass('hide');
} else if ($cur.hasClass('sales-volume-nav')) {
$svc.removeClass('hide');
} else if ($cur.hasClass('price-nav')) {
$pc.removeClass('hide');
}
}
}
//切换“最新”,“销量”,“价格”以及“筛选”功能
$('#goods-nav').delegate('.nav-item', 'touchstart', function(e) {
e.preventDefault();
touchEvt(e);
}).delegate('.nav-item', 'click', function(e) {
touchEvt(e);
});
});
};
\ No newline at end of file
... ...
... ... @@ -36,7 +36,7 @@
<li class="nav-item new-patterns-nav focus">最新</li>
<li class="nav-item sales-volume-nav">销量</li>
<li class="nav-item price-nav">价格</li>
<li class="nav-item">筛选</li>
<li class="nav-item screen-nav">筛选</li>
</ul>
<div id="goods-container" class="goods-container clearfix">
<div class="new-patterns-container">
... ...