4 Star 1 Fork 0

Gitee 极速下载 / ZsuitJS

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
此仓库是为了提升国内下载速度的镜像仓库,每日同步一次。 原始仓库: https://github.com/shinezzil/Zsuit
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

商品SKU组合查询插件

Alt text

本插件使用JavaScript实现,测试页面依赖jQuery-1.8.1.js

常用方法

    //实例化对象
    var zsSuit  = new ZsSuit();

    //配置
    zsSuit.config();

    //设置层级
    zsSuit.set(1, 3);//第二层级,选中了值为3的选项

    //取消层级设置
    zsSuit.unset(1);

    //设置回调,名称是插件指定的,不可变
    zsSuit.callBack = function(data,skuId){}

使用流程

1.将全部套装数据按照层级关系生成JSON对象

    suitRuleInfo             = eval({"123":"1_2_10","234":"1_3_11","345":"2_3_10","456":"3_1_11","789":"4_1_10"});
  1. 配置已有套装参数
    var zsSuit  = new ZsSuit();
    zsSuit.config({'suitRuleInfo':suitRuleInfo});

3.设置回调函数,data表示不可选层级,skuId表示确定了唯一套装ID。每一次set或unset操作,都会触发此函数的回调。

    zsSuit.callBack = function(data, skuId){
        //不可选处理,i表示层级
        for(var i in data){
            //...
        }
    };

4.套装选择事件

    $("li[fn='click']").click(function(){
        var _self       = $(this),
            position    = _self.attr("num"),
            curVal      = _self.attr("val"),
            chooseFlag  = _self.hasClass("current");
        //取消还是设置
        if(chooseFlag){
            zsSuit.unset(position, curVal);
        }else{
            zsSuit.set(position);
        }
    });

问题与咨询

使用示例: suit/test.html

个人网址:http://www.noomall.cn

咨询QQ:281-818-570

空文件

简介

商品 SKU 组合查询插件 使用JavaScript实现前台套装筛选的逻辑问题 测试页面依赖jQuery-1.8.1.js 常用方法     //实例化对象     var zsS 展开 收起
JavaScript 等 3 种语言
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
JavaScript
1
https://gitee.com/mirrors/ZsuitJS.git
git@gitee.com:mirrors/ZsuitJS.git
mirrors
ZsuitJS
ZsuitJS
master

搜索帮助