jquery load先下载内容

Question

这是一个奇怪的情况，我有一个与 load() 一起使用的 jquery 脚本和一个带有 gif 加载器的 PHP 脚本，直到检索到该脚本淡入，该 jquery 在单击时启动

问题是jquery 脚本对于其真正意图来说有点无用，因为我调用的这个 php 脚本返回类似

<img src="resizer.php=filename=/img/1.jpg&width=400" />

的内容，其中 1.jpg （文件名）是由 ajax 中调用的 PHP 页面从与传递的图像 id 相关的数据库中检索的通过 load()

所以，当 html 文本在图像中淡入淡出时，仍然需要从 resizer.php 加载，因此它会正常显示。

一旦所有内容下载完成，我如何组织它淡入淡出？我无法直接调用 resizer.php，因为它输出 JPEG 标头

Answer 1

var img = new Image();
img.onload = function() { /* CALLBACK GOES HERE */ }
img.src = "resizer.php=filename=/img/1.jpg&width=400";

如果您无法控制输出 标记的页面，您可以使用正则表达式或使用 DOM 解析器提取源代码。

Answer 2

我不确定我是否理解正确，但如果您执行以下操作：

$document.ready(function() {

$('#loadID').load("resizer.php=filename=/img/1.jpg&width=400", function(){

$('#loadID').fadeIn('slow');    

});

});

在“resizer.php=filename=/img/1.jpg&width=400”完全加载之前，不会触发 fadeIn。

希望有帮助。

编辑：修复了选择器（淡入）

loadID 将是您要加载到的 ID。

Answer 3

添加另一个答案。
在您的情况下，您想要获取 php 脚本的结果，因此您需要使用 jQuery 的 ajax 函数，使用 get 或 post 方法。示例：

$.get("file.php", function(data){ alert("Data Loaded: " + data); });

这将弹出一个警告框，显示“数据已加载：无论 php 返回什么”

因此，在您的情况下，您会这样做：

$.get("resizer.php", function(data){ $('#loadID').html(data) });

再次，我可能无法理解 100% 抱歉，如果这不是你在寻找什么。