如何在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

您应该尝试这样做，当更新面板更新其内容时，所有事件绑定都会丢失，因此请在update 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，则该对象自动可用。

我希望它会有所帮助;