瀑布流
原理:设置若干等宽的div并排显示,然后往div里填充内容
简单实现:
$.ajax({
url:'/get_imgs/',//路由路径
data:{},//
dataType:'JSON',
type:'get',//提交方式
success:function (arg) {//回调函数
img_list=arg.data;//取得返回数据(img数据字典格式)
$.each(img_list,function (index,v) {//循环字典并加上索引index
var eqv = index % 4;//索引取余,获得需要填充的div
var tag = document.createElement('img');//创建img
tag.src ='/'+ v.src;//设置img路径
$('#content').children().eq(eqv).append(tag)//向对应div添加img
});
}
})
备注:
$.each(循环对象,function(对象属性,对象属性的值){
})
未完待续

浙公网安备 33010602011771号