|
@@ -10,9 +10,11 @@ var $ = require('jquery'), |
|
@@ -10,9 +10,11 @@ var $ = require('jquery'), |
10
|
|
10
|
|
11
|
var chosePanel = require('./chose-panel');
|
11
|
var chosePanel = require('./chose-panel');
|
12
|
|
12
|
|
|
|
13
|
+var $curDelPanel;
|
|
|
14
|
+
|
13
|
//删除面板显示后任何点击行为都将触发隐藏面板
|
15
|
//删除面板显示后任何点击行为都将触发隐藏面板
|
14
|
-function docTouchEvt(e) {
|
|
|
15
|
- $('.opt-panel:not(.hide)').addClass('hide');
|
16
|
+function docTouchEvt() {
|
|
|
17
|
+ $curDelPanel && $curDelPanel.addClass('hide');
|
16
|
|
18
|
|
17
|
//
|
19
|
//
|
18
|
$(document).off('touchstart', docTouchEvt);
|
20
|
$(document).off('touchstart', docTouchEvt);
|
|
@@ -51,7 +53,10 @@ $('.cart-goods').on('touchstart', '.checkbox', function() { |
|
@@ -51,7 +53,10 @@ $('.cart-goods').on('touchstart', '.checkbox', function() { |
51
|
}).on('touchstart', '.icon-del', function(e) {
|
53
|
}).on('touchstart', '.icon-del', function(e) {
|
52
|
e.stopPropagation();
|
54
|
e.stopPropagation();
|
53
|
|
55
|
|
54
|
- $(this).closest('.shopping-cart-good').children('.opt-panel').removeClass('hide');
|
56
|
+ //手动触发docTouchEvt清除因点击到del按钮上而被阻止冒泡到doc上的事件从而清除已打开的删除面板
|
|
|
57
|
+ docTouchEvt();
|
|
|
58
|
+
|
|
|
59
|
+ $curDelPanel = $(this).closest('.shopping-cart-good').children('.opt-panel').removeClass('hide');
|
55
|
|
60
|
|
56
|
$(document).on('touchstart', docTouchEvt);
|
61
|
$(document).on('touchstart', docTouchEvt);
|
57
|
}).on('touchstart', '.opt-panel', function() {
|
62
|
}).on('touchstart', '.opt-panel', function() {
|