Authored by 郭成尧

order-filter

@@ -197,7 +197,7 @@ $listNav.on('touchend touchcancel', function(e) { @@ -197,7 +197,7 @@ $listNav.on('touchend touchcancel', function(e) {
197 let $active; 197 let $active;
198 let nav; 198 let nav;
199 199
200 - if ($this.hasClass('filter')) { 200 + if ($this.hasClass('filter')) { // 筛选面板
201 201
202 // 筛选面板切换状态 202 // 筛选面板切换状态
203 if ($this.hasClass('active')) { 203 if ($this.hasClass('active')) {
@@ -214,7 +214,7 @@ $listNav.on('touchend touchcancel', function(e) { @@ -214,7 +214,7 @@ $listNav.on('touchend touchcancel', function(e) {
214 214
215 filter.showFilter(); 215 filter.showFilter();
216 } 216 }
217 - } else { 217 + } else { // 排序改变
218 218
219 if ($this.hasClass('new')) { 219 if ($this.hasClass('new')) {
220 navType = 'new'; 220 navType = 'new';
@@ -228,12 +228,9 @@ $listNav.on('touchend touchcancel', function(e) { @@ -228,12 +228,9 @@ $listNav.on('touchend touchcancel', function(e) {
228 navType = 'sale'; 228 navType = 'sale';
229 } 229 }
230 230
  231 + // 更新当前排序:默认、最新、价格、折扣
231 nav = navInfo[navType]; 232 nav = navInfo[navType];
232 233
233 - /* 排序条件更新 */  
234 - defaultOpt.type = navType;  
235 - Object.assign(defaultOpt, nav);  
236 -  
237 if ($this.hasClass('active')) { 234 if ($this.hasClass('active')) {
238 235
239 // 默认、最新无排序切换 236 // 默认、最新无排序切换
@@ -243,10 +240,10 @@ $listNav.on('touchend touchcancel', function(e) { @@ -243,10 +240,10 @@ $listNav.on('touchend touchcancel', function(e) {
243 240
244 if ($this.hasClass('price') || $this.hasClass('discount')) { 241 if ($this.hasClass('price') || $this.hasClass('discount')) {
245 242
246 - // 价格/折扣切换排序状态 243 + // 价格折扣切换排序状态
247 $this.find('.icon > .iconfont').toggleClass('cur'); 244 $this.find('.icon > .iconfont').toggleClass('cur');
248 - $pre = $this; // 更新pre为当前项  
249 - nav.reload = true; // 重置reload,HTML会被替换为逆序的HTML 245 + $pre = $this; // 更新 pre 为当前项
  246 + nav.reload = true; // 排序改变,标记需要重新获取数据
250 nav.order = nav.order === 0 ? 1 : 0; // 切换排序 247 nav.order = nav.order === 0 ? 1 : 0; // 切换排序
251 } 248 }
252 } else { 249 } else {
@@ -293,6 +290,10 @@ $listNav.on('touchend touchcancel', function(e) { @@ -293,6 +290,10 @@ $listNav.on('touchend touchcancel', function(e) {
293 $this.addClass('active'); 290 $this.addClass('active');
294 } 291 }
295 292
  293 + /* 排序条件更新 */
  294 + defaultOpt.type = navType;
  295 + Object.assign(defaultOpt, nav);
  296 +
296 if (nav.reload) { 297 if (nav.reload) {
297 getGoodsList(); 298 getGoodsList();
298 } 299 }