不會(huì)呀，我試了跟jquery代碼的引用有關(guān)，有的版本比較流暢，有的就比較卡

老師的這個(gè)函數(shù)是每次一觸發(fā)就把json里的數(shù)據(jù)全加載了?？梢远x一個(gè)數(shù)來逐漸加載就不用遍歷循環(huán)了

$(window).on('load',function(){
?waterfall();var ind = 0;var al = 0;
?var dataInt = {"data":[{"src":"image/P_01.jpg"},{"src":"image/P_02.jpg"},{"src":"image/P_03.jpg"},{"src":"image/P_04.jpg"},{"src":"image/P_05.jpg"},{"src":"image/P_06.jpg"}]};
?$(window).on('scroll',function(){
??
??if(checkScrollSlide()){
???if(ind==dataInt.data.length){
????if(al==0){
????alert("圖片已加載完畢！");
????al=1;}
????}else{
???var oBox = $("<div>").addClass("box").appendTo($('#main'));
???var oPic = $('<div>').addClass("pic").appendTo(oBox);
???var oImg = $('<img>').attr('src',dataInt.data[ind].src).appendTo(oPic);
???waterfall();
???ind++;
???if(ind==6){ind=0};
???console.log(ind);}
???}
??});
?})

? 那應(yīng)該如何修改源碼?

$(document).ready(function()?{
????$("#container").on('mouseenter?mouseleave',?'div.photo',?function(event)?{
????????if?(event.type?==?'mouseenter')?{
????????????$(this).find('div.details').fadeTo('fast',?0.5)
????????}?else?{
????????????$(this).find('div.details').fadeOut('fast')
????????}
????});

????$('#more-photos').click(function()?{
????????$(this).trigger('nextPage',[true]);
????????return?false;
????})

????function?checkscrollslide(){
????????var?$height=$(window).scrollTop()+$(window).height();
????????if?($('#container').height()<=$height)?{
????????????$(document).trigger('nextPage');
????????}
????}
????$(window).scroll(checkscrollslide).trigger('scroll')
????var?pagenum?=?1;
????$(document).on('nextPage',?function(event,scrolltovisible)?{
????????var?$href?=?$('#more-photos').attr('href');
????????$.get($href,?function(data)?{
????????????var?$data=$(data).appendTo('#gallery');
????????????if?(scrolltovisible)?{
????????????????var?newtop=$data.offset().top;
????????????????$(window).scrollTop(newtop)
????????????}
????????????checkscrollslide()
????????},?'html')
????????if?(pagenum?<?20)?{
????????????pagenum++;
????????????$('#more-photos').attr('href',?'pages/'?+?pagenum?+?'.html');
????????}?else?{
????????????$('#more-photos').remove();
????????????$(document).off('nextPage');
????????}
????})

});

因?yàn)槊看渭虞d新的，前面的節(jié)點(diǎn)還會(huì)被重新遍歷一邊。應(yīng)該從當(dāng)前新創(chuàng)建的節(jié)點(diǎn)開始往后遍歷。