chose panel logic

 /**
 /**
  * 购物车选择尺寸、颜色和数量面板
  * 购物车选择尺寸、颜色和数量面板
+ * 显示时构造当前商品信息的HTML插入yoho-page；消失则是直接清除HTML
  * @author: xuqi<qi.xu@yoho.cn>
  * @author: xuqi<qi.xu@yoho.cn>
  * @date: 2015/10/21
  * @date: 2015/10/21
  */
  */
@@ -9,6 +10,8 @@ var Handlebars = require('yoho.handlebars');
 
 
 var $page = $('.yoho-page');
 var $page = $('.yoho-page');
 
 
+var $num;
+
 var tpl;
 var tpl;
 
 
 //读取partials
 //读取partials
@@ -25,6 +28,51 @@ function show(data) {
     var html = tpl(data);
     var html = tpl(data);
 
 
     $page.append(html);
     $page.append(html);
+
+    $num = $('#good-num');
 }
 }
 
 
+//移除当前Panel
+function remove() {
+    $('.chose-panel').remove();
+}
+
+$('.yoho-page').delegate('.chose-panel', 'touchstart', function(e) {
+    var $cur = $(e.target);
+
+    if ($cur.closest('.main').length > 0) {
+        return;
+    }
+
+    //点击蒙版消失
+    remove();
+}).delegate('#chose-btn-sure', 'touchstart', function() {
+
+    //确定
+}).delegate('.block', 'touchstart', function() {
+
+    //尺寸颜色点选
+    var $this = $(this);
+
+    if ($this.hasClass('.chosed') || $this.hasClass('disable')) {
+        return;
+    }
+
+    $this.siblings('.chosed').removeClass('chosed');
+    $this.addClass('chosed');
+}).delegate('.btn-minus', 'touchstart', function() {
+    var num = +$num.val();
+
+    if (num === 1) {
+        return;
+    }
+
+    $num.val(num - 1);
+}).delegate('.btn-plus', 'touchstart', function() {
+    var num = +$num.val();
+
+    //TODO:库存数验证
+    $num.val(num + 1);
+});
+
 exports.show = show;
 exports.show = show;