如何在gridview中更改頁面索引後使用lazyload加載圖像？

Question

這是我的功能lazyload。

我使用這個來加載圖像在gridview。

<script type="text/javascript" charset="utf-8"> 
    $(function() { 
     $("img.lazy").show().lazyload({ 
      effect: "fadeIn", 
      failurelimit: 0 
     }); 
    }); 

我的問題是用戶改變在GridView的的PageIndex後的圖像不會被加載。

請讓我知道如何解決這個問題。

Answer 1

你應該嘗試一下，當更新面板更新其內容時，所有事件綁定都會丟失，因此在更新結束請求時添加這些綁定。

$(function() { 
    LazyLode(); 
}); 
var prm = Sys.WebForms.PageRequestManager.getInstance(); 

prm.add_endRequest(function() { 
    LazyLode(); 
}); 
function LazyLode(){ 
    $("img.lazy").show().lazyload({ 
     effect: "fadeIn", 
     failurelimit: 0 
    }); 
} 

的PageRequestManager是JavaScript對象，它是自動可用如果update panel是在頁面上。

我希望它會有所幫助;