jQuery 前端电商组合商品规格属性选择写法

渣写法,纯属娱乐

预览图:


还是动态的呢

红框右下角那玩意儿仿的淘宝,HTML 和 CSS 来自互联网

然后我顺手撸了一份放到了 GitHub:https://github.com/maxsky/imitate-tb-combo-select


当然了,图中的可不是上方链接中这么复杂的代码实现的

上方链接里,整个 HTML 是通过 JS 输出实现,然而实际图中代码如下:

var cb_prop = $('.cb-prop li');
cb_prop.click(function () {
    if ($(this).hasClass('cb-selected')) {
        $(this).removeClass('cb-selected');
    } else {
        var lis = $(this).siblings();
        if (lis.hasClass('cb-selected')) {
            lis.removeClass('cb-selected');
            $(this).addClass('cb-selected');
        } else {
            $(this).addClass('cb-selected');
        }
    }
});

HTML 和 CSS 可以参考上方链接里的内容。

阅读更多
版权声明:Max Sky 原创文章,转载时请保留所有权并以超链接形式标明文章出处。否则将追究相关法律责任。 https://blog.csdn.net/maxsky/article/details/80081007
个人分类: Web
上一篇PHP 中 firebase/php-jwt RS256 公私钥生成指南
下一篇JavaScript 笛卡尔积算法,可用于商品 SKU 计算
想对作者说点什么? 我来说一句

<em>添加商品规格</em>例子新

2018年07月31日 0B 下载

没有更多推荐了,返回首页

关闭
关闭
关闭