jq仿淘宝选择产品颜色尺码
2017-03-13 09:41
239 查看
$('.slide_color').click(function () { $('.slide_color').eq($(this).index()).toggleClass('this_color').siblings('.slide_color').removeClass('this_color'); $('#selected_color').html($(this).html()); $('.color').html($(this).html()+','); if ($('.slide_color').hasClass('this_color')==false) { $('#selected_color').html('请选择颜色'); } }) //尺寸选择 $('#slide_size span').click(function () { $('#slide_size span').eq($(this).index()).toggleClass('this_color').siblings().removeClass('this_color'); $('#selected_size').html($(this).html()); $('.size').html($(this).html()); if ($('#slide_size span').hasClass('this_color')==false) { $('#selected_size').html('请选择尺寸'); } })
//关闭弹窗判断用户的选择状态
$('#clo_btn').click(function () { $('#slide').slideUp(); if ($('.slide_color').hasClass('this_color')==false&&$('#slide_size span').hasClass('this_color')) { $('.color').css('display','none'); $('.size').css('display','none'); $('.plesel').html('请选择 颜色分类') } else if ($('#slide_size span').hasClass('this_color')==false&&$('.slide_color').hasClass('this_color')) { $('.color').css('display','none'); $('.size').css('display','none'); $('.plesel').html('请选择 尺寸大小') } else if ($('.slide_color').hasClass('this_color')&&$('#slide_size span').hasClass('this_color')) { $('.plesel').html('已选择:') $('.color').css('display','inline-block'); $('.size').css('display','inline-block'); } else { $('.color').css('display','none'); $('.size').css('display','none'); $('.plesel').html('请选择 颜色分类 尺寸大小') } })
相关文章推荐
- jq仿淘宝选择产品颜色尺码
- 源码推荐(04.05):仿天天动听客户端,仿淘宝点击加入购物车前选择尺码、颜色信息的弹出视图
- Lazada上传产品怎样选择多属性多颜色多尺码,如何创建和选择呢?
- 淘宝的尺码和颜色选择
- ECSHOP商品详情页颜色、尺码 选择仿淘宝效果
- Swift仿淘宝App选择颜色分类弹出view效果
- Android高阶UI之加入购物车选择颜色、尺码实现
- Android选择颜色,尺码联动
- Android 购物选择颜色(尺码)实现
- 仿淘宝颜色属性选择展示代码(jQuery)
- ecshop 商品颜色尺寸仿淘宝选择功能教程(2.7.0版本)
- 淘宝如何选择产品对应人群画像太原网络营销师揭秘
- ecshop 商品颜色尺寸仿淘宝选择功能教程(2.7.0版本)
- 类似淘宝购物时,尺寸,颜色选择的radiobutton样式,android总怎么实现
- ecshop商品颜色尺寸仿淘宝选择功能教程
- android用sku算法仿淘宝选择颜色分类弹框。
- 商品颜色尺寸仿淘宝选择功能教程(2.7.0版本)
- ecshop引入淘宝数据保留颜色尺码的方法
- 仿iOS淘宝产品详情页选择属性规格的动画
- 仿淘宝购物车商品颜色、尺寸选择。