有了art-template，如有神助

增加点击事件

// 点击事件

$("[name=type]:radio").click(function(){

let type = $(this).val();

let html = template('type-tpl', {data:{type:type}});

$('#type-cont').html(html);

});

留一个容器

模板

模板中可以直接使用php模板，也可以用art语法。

选择商品，添加事件

// 选择商品事件

$(document).on('change','#pid',function(){

let pid = parseInt($(this).val());

if (pid > 0) {

// 异步获取商品规格

$.ajax({

type: 'POST',

url: 'ajax_get_sku',

data: {pid: pid},

dataType: 'json',

success: function (data) {

if (data.errno == 0) {

let html = template('sku-tpl', {data:data.data});

$('#sku-cont').html(html);

} else {

layer.msg(data.errdesc, {icon: 5});

return false;

}

}

});

} else {

$('#sku-cont').html('');

}

});

jQ结合模板，可以实现很多灵活的效果！！！非常的好用！！！直接jQ就没那么便利了！！！

推荐阅读