Authored by xuqi

del touch

@@ -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() {
@@ -107,8 +107,9 @@ @@ -107,8 +107,9 @@
107 .opt-panel { 107 .opt-panel {
108 position: absolute; 108 position: absolute;
109 width: 220rem / $pxConvertRem; 109 width: 220rem / $pxConvertRem;
110 - height: 190rem / $pxConvertRem;  
111 right: 0; 110 right: 0;
  111 + top: 0;
  112 + bottom: 0;
112 113
113 color: #fff; 114 color: #fff;
114 115
@@ -134,9 +134,9 @@ class ShoppingCartController extends AbstractAction @@ -134,9 +134,9 @@ class ShoppingCartController extends AbstractAction
134 public function tplAction() 134 public function tplAction()
135 { 135 {
136 if($this->isAjax()) { 136 if($this->isAjax()) {
137 - //$data = file_get_contents('../../../template/m.yohobuy.com/partials/shopping-cart/chose-panel.phtml'); 137 + $data = file_get_contents('../../../template/m.yohobuy.com/partials/shopping-cart/chose-panel.phtml');
138 138
139 - //echo($data); 139 + echo($data);
140 } 140 }
141 } 141 }
142 142