Authored by xuqi

filter html modify

@@ -7,7 +7,7 @@ @@ -7,7 +7,7 @@
7 7
8 var $ = require('yoho.zepto'); 8 var $ = require('yoho.zepto');
9 9
10 -var $filter = $('.filter-mask, .filter-body'); 10 +var $filter = $('.filter-mask');
11 11
12 var $classify = $filter.find('.classify'), 12 var $classify = $filter.find('.classify'),
13 $subClassify = $filter.find('.sub-classify'); 13 $subClassify = $filter.find('.sub-classify');
@@ -33,9 +33,11 @@ function registerCbFn(cb) { @@ -33,9 +33,11 @@ function registerCbFn(cb) {
33 $classify.children(':first-child').addClass('active'); //T:不在HTML中使用{{#if @first}}active{{/if}}来初始化active为避免sub设置高度时的闪烁 33 $classify.children(':first-child').addClass('active'); //T:不在HTML中使用{{#if @first}}active{{/if}}来初始化active为避免sub设置高度时的闪烁
34 34
35 //classify switch 35 //classify switch
36 -$classify.delegate('.classify-item', 'tap', function() { 36 +$classify.delegate('.classify-item', 'tap', function(e) {
37 var $this = $(this); 37 var $this = $(this);
38 38
  39 + e.stopPropagation();
  40 +
39 if ($this.hasClass('active')) { 41 if ($this.hasClass('active')) {
40 return; 42 return;
41 } 43 }
@@ -46,7 +48,7 @@ $classify.delegate('.classify-item', 'tap', function() { @@ -46,7 +48,7 @@ $classify.delegate('.classify-item', 'tap', function() {
46 }); 48 });
47 49
48 //点击Mask隐藏筛选界面 50 //点击Mask隐藏筛选界面
49 -$filter.filter('.filter-mask').tap(function() { 51 +$filter.tap(function() {
50 hideFilter(); 52 hideFilter();
51 }); 53 });
52 54
1 {{# filter}} 1 {{# filter}}
2 - <div class="filter-mask hide"></div>  
3 - <div class="filter-body hide">  
4 - <ul class="classify">  
5 - {{#each classify}}  
6 - <li class="classify-item">  
7 - <p class="shower{{#if default}} default{{/if}}">  
8 - <span class="title">{{title}}:</span>  
9 - {{name}}  
10 - </p>  
11 - <ul class="sub-classify" data-type={{dataType}}>  
12 - {{# subs}}  
13 - <li {{#if chosed}}class=chosed{{/if}} data-id={{dataId}}>  
14 - {{name}}  
15 - <i class="iconfont chosed-icon">&#xe617;</i>  
16 - </li>  
17 - {{/ subs}}  
18 - </ul>  
19 - </li>  
20 - {{/each}}  
21 - </ul> 2 + <div class="filter-mask hide">
  3 + <div class="filter-body">
  4 + <ul class="classify">
  5 + {{#each classify}}
  6 + <li class="classify-item">
  7 + <p class="shower{{#if default}} default{{/if}}">
  8 + <span class="title">{{title}}:</span>
  9 + {{name}}
  10 + </p>
  11 + <ul class="sub-classify" data-type={{dataType}}>
  12 + {{# subs}}
  13 + <li {{#if chosed}}class=chosed{{/if}} data-id={{dataId}}>
  14 + {{name}}
  15 + <i class="iconfont chosed-icon">&#xe617;</i>
  16 + </li>
  17 + {{/ subs}}
  18 + </ul>
  19 + </li>
  20 + {{/each}}
  21 + </ul>
  22 + </div>
22 </div> 23 </div>
23 {{/ filter}} 24 {{/ filter}}