jquery - 在gridview中更改页面索引后如何使用lazyload加载图像？

Question

这是我的延迟加载函数。

我正在使用它在gridview中加载图像。

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

我的问题是用户更改gridview的 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。

我希望它会有所帮助；