Showing
2 changed files
with
26 additions
and
23 deletions
@@ -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"></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"></i> | ||
16 | + </li> | ||
17 | + {{/ subs}} | ||
18 | + </ul> | ||
19 | + </li> | ||
20 | + {{/each}} | ||
21 | + </ul> | ||
22 | + </div> | ||
22 | </div> | 23 | </div> |
23 | {{/ filter}} | 24 | {{/ filter}} |
-
Please register or login to post a comment