0

这是我的场景：

我有一个带有分页并通过无限滚动增强的页面

该页面有一个项目列表，其中每个项目在 smarty 中看起来像这样

<div id="link-{index}">
<div align="left"><a href={$url}></div><div alight="right"><img src="" id="{$url}"></div>
</div> <script>imager({$url});</script>

我正在使用一项服务来动态获取给定 URL 的图像 src，并通过定义将其附加到图像中imager(x){ document.getElementById(x).src = service(x).image; }

现在这有效，只要使用正常的分页，就可以在侧 URL 上显示正确的图像。不适用于第 2 页以后的无限滚动，因为它使用 JQuery 并解析每个项目的成像器 JS 脚本。

我坚持尝试为无限滚动创建一个回调函数，该函数将执行成像器所做的工作，但在加载页面后但我无法让它工作。

任何提示将不胜感激。谢谢

4

1 回答 1

0

在加载新页面时的回调中，您可以执行以下操作：

$('img:not([src])').each(function() {
    $(this).attr('src', service($(this).attr('id')).image);
});

这假设唯一没有来源的图像是那些刚刚由无限滚动器加载的图像。如果小部件向回调提供参数，告诉它 DOM 的哪些部分刚刚被分页，您可以使用它来进一步缩小范围；jQuery 选择器的第二个参数是要搜索的上下文。

于 2012-10-27T06:46:21.273 回答