使用说明:

规格数据暂时是模拟的,等API完成替换回来.

HTML

<div class='sku-render-container'>
<!-- class必须唯一.可以更改,但建议不要,因为这个更加语义化 -->
</div>
<!--PS: 禁止在此div标签内写任何代码,因为调用插件后,会覆盖掉标签内的东西-->

JS

 $('.sku-render-container').skuRender({
    goodsID: 163,
    setData: [{quantity: 123....}], // 如果你需要的仅仅是展示一组sku,而不需要规格选择的功能.添加这个属性,否则不需要加
    refresh: function (data) {
        console.log('-->data', data)
        //data: {
        //    sku_id: 123,
        //    quantity: 234,
        //    price: 456
        //}
    }
});

• 每次用户点击规格项之后,就会触发refresh回调.