对相同模块的处理
情况分析:
一个div中要生成多个相同的模块,那么从服务器端获得数据之后,对原有模块的结构进行克隆,
通过获得的数据进行内容的更改即可快速实现内容的同类展示。
代码展示:
#克隆结构
var $cloneCol = $('.col-xs-4').first.clone();
#更改内容,dataObj 是从服务器获取的数据对象
$cloneCol.find('img').attr('src',dataObj.data[i].champion_icon);
$cloneCol.find('span').html(dataObj.data[i].champion_icon);
#添加到页面上
$cloneCol.appendTo('.row');
泡泡:
可能有时候会没有原 model,这样就不能直接使用原 model 进行克隆,这时候要进行的应该就是 在 js 函数中生成一个结构,
中间放入从服务器端拿到的数据,然后插入到页面中,具体情况如下:
想看详细实例的话,点击下面这个 链接 好了