1

我正在构建一个应用程序 - 从 flash 转换为 html/js 并使用 jQuery。页面/场景是通过 ajax 拉入的，我有一个“加载”覆盖，直到这些被加载但是此外我想为下一页和上一页预加载图像。

所以我通过 ajax 拉入 page-5.php 然后我需要在后台为第 4/6 页预加载图像以加快用户速度。

我有一个预加载函数，我可以将一组图像插入其中——例如，棘手的一点是使用 ajax 来查找 page-6.php 上所有图像的 src。

所以我需要调用： - 找到 page-6.php 上的所有图像，将它们的 src 抓取到一个数组中。可能的？

我想我可以在每个包含图像的页面上隐藏一个数组并抓住它，但我宁愿让它保持动态。

非常感谢任何想法/帮助。

4

2 回答 2

2

您应该能够使用常规 jquery 解析 html 响应：

$.ajax({
   url:[your url],
   success: function(data) {
       $("img", data).each(function() {
           alert($(this).attr("src");
       });
   }
});

编辑：

            $.ajax({
               url: 'http://localhost:8888/site/scenarios/scenario-1.php',
               success: function(data) {
                   $("img", data).each(function() {
                      alert( $(this).attr("src") );
                   });
               }
            });
于 2012-10-30T18:19:29.260 回答
0

我建议在同一页面上的两个隐藏 div 中预加载下一个/上一个页面，直到被选中才会显示。这样您就不必从您身边进行任何解析/加载，因为浏览器会很好地处理它。

这是一个关于如何使用 ajax 加载选项卡的示例，但在您的情况下，您需要预取左右 div，而不是在单击时加载它。

于 2012-10-30T18:26:57.183 回答