在网格视图中页面索引改变后，如何使用lazyload加载图像？

Question

这是我对lazyload的函数。

我使用它在网格视图中加载图像。

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

​

我的问题是，在用户更改网格视图的页面索引之后，没有加载图像。

请告诉我怎么解决这个问题。

Answer 1

当update面板更新其内容时，您应该尝试此操作--所有丢失的事件绑定--因此在updates上添加那些绑定。

$(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，它将自动可用。

我希望这会有所帮助；