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

版权声明:Max Sky 原创文章,转载时请保留所有权并以超链接形式标明文章出处。否则将追究相关法律责任。 https://blog.csdn.net/maxsky/article/details/80081007
渣写法,纯属娱乐

预览图:


还是动态的呢

红框右下角那玩意儿仿的淘宝,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 可以参考上方链接里的内容。

阅读更多
想对作者说点什么?

博主推荐

换一批

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