ajax載入更多和圖片延時載入

標籤：

//案例參考 http://www.woshipm.com/  左側查看更多

jQuery(document).ready(function($){    var click_counter = 0;    $(‘#pagination a‘).click(function(){        $("#pagination a").addClass("loading").text("資料載入中...請稍後");        if ( $("#pagination").hasClass("show") ){            click_counter++;            if(click_counter <= 4){                $("#pagination").removeClass("show");                $.ajax({                    type: "POST",                    data:"action=ajax_page",                    url: $("#pagination a").attr("href"),                    success: function(data){                        result = $(data).find("#home-list .ft");                        nextHref = $(data).find("#pagination a").attr("href");                                // 漸顯新內容                                $("#home-list").append(result.fadeIn(800));                                $("#pagination a").removeClass("loading").text("查看更多");                                if ( nextHref != undefined ) {                                    $("#pagination a").attr("href", nextHref);                                } else {                                // 若沒有連結，即為最後一頁，則移除導航                                $("#pagination").remove();                            }                            window.mTipTimer = setTimeout("$(‘#pagination‘).addClass(‘show‘)",1000);                        }                    });                return false;            }else{                window.location.href=$("#pagination a").attr("href");            }        }    });//end    $(document).ajaxStop(function(){        $("img.lazy, .lazy img, img.avatar").show().lazyload({            effect: "fadeIn",            failure_limit : 100,            threshold : 200,            skip_invisible : false        });    });});

 

ajax載入更多和圖片延時載入