jquery - gridviewでページインデックスが変更された後にlazyloadを使用して画像をロードするにはどうすればよいですか？

Question

これがlazyloadの私の関数です。

これを使用して、 gridviewに画像を読み込みます。

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

私の問題は、ユーザーがグリッドビューのpageindexを変更した後、画像が読み込まれないことです。

これを修正する方法を教えてください。

Answer 1

これを試してみてください。更新パネルがその内容を更新すると、すべてのイベントバインディングが失われるため、更新endrequestでそれらのバインディングを追加します。

$(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

お役に立てば幸いです。