|
|
/**
|
|
|
* 购物车选择尺寸、颜色和数量面板
|
|
|
* 显示时构造当前商品信息的HTML插入yoho-page;消失则是直接清除HTML
|
|
|
* @author: xuqi<qi.xu@yoho.cn>
|
|
|
* @date: 2015/10/21
|
|
|
*/
|
...
|
...
|
@@ -9,6 +10,8 @@ var Handlebars = require('yoho.handlebars'); |
|
|
|
|
|
var $page = $('.yoho-page');
|
|
|
|
|
|
var $num;
|
|
|
|
|
|
var tpl;
|
|
|
|
|
|
//读取partials
|
...
|
...
|
@@ -25,6 +28,51 @@ function show(data) { |
|
|
var html = tpl(data);
|
|
|
|
|
|
$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; |
|
|
\ No newline at end of file |
...
|
...
|
|