学习循环的逻辑

在项目中用到了瀑布流，但是是多标签切换的很多个瀑布流

知识点：通过选中当前所选中的那个瀑布流，给它增加一个class，从而让脚本每次执行的是选中的那个

 

$(function(){
$('.container.now').BlocksIt({
numOfCol:2,
offsetX: 5,
offsetY: 5
});

var $tabList = $(".menu a")
$tabList.click(function(){

var index = $tabList.index(this);
$(".tab-con").eq(index).siblings().hide();
$(".tab-con").eq(index).show();
$(".tab-con").eq(index).siblings().find(".container").removeClass("now");
$(".tab-con").eq(index).find(".container").addClass("now");
$('.container.now').BlocksIt({
numOfCol:2,
offsetX: 5,
offsetY: 5
});

$("img.lazy").lazyload();

});

$(function(){
var btn = $(".btn");
btn.click(function(){
var parent=$(this).parent();
var con = parent.find(".test .grid");

for(i=0;i<4;i++){
parent.find('.container.now').append($(con[i]).show());
}

if(con.length<4){
$(this).css('background','#ccc').html('没有更多内容');
}

$('.container.now').BlocksIt({
numOfCol:2,
offsetX: 5,
offsetY: 5
});

$("img.lazy").lazyload();
});
})

});