jquery - 如何模拟追加回调函数？

Question

我知道.append()没有任何回调函数，但是当我尝试这样做时:

$.onShadowboxFinished = function (f) {

var postid = $(f.link).parent().attr("id");
var loadUrl = "wp-admin/admin-ajax.php?action=mfields_show_post&p=" + postid;
$('#infos_wrap').load(loadUrl).append();
alert("loaded! test selector :"+$('a.projectimgs').first().attr("href"));

}

我正在将内容(链接和图像)加载到 div #infos_wrap 中。加载所有链接和图像后，我想操作内容(例如:选择链接以将它们添加到 Shadowbox 缓存中)

目前，第 4 行在第 3 行之前执行。

感谢您的帮助!

PS:如果有人真的想帮忙(我会很感激^^)
您可以查看网站:http://www.tom-portfolio.fr/wp-login.php
登录:访客
通行证:访客
JavaScript 文件是 portfolio.js
使用您的 firebug 或 GoogleDev 工具来查看它!
非常感谢!

Answer 1

您想要做的是使用 .load() 函数的回调函数，因为它是异步的(意味着它之后的代码不断执行，直到收到响应并触发其回调函数) :

var postid  = $(f.link).parent()[0].id,
    loadUrl = "wp-admin/admin-ajax.php?action=mfields_show_post&p=" + postid;

$('#infos_wrap').load(loadUrl, function () {
    alert("loaded! test selector :"+$('a.projectimgs').first()[0].href);
});

请注意，.load() 会将 #infos_wrap 的内容替换为 AJAX 调用的响应(在本例中为 #infos_wrap )所以我们不必使用 .append() (内部使用 .html() 来替换所选元素的 HTML，而不是 append 响应)。

另请注意，我更改了几个不需要的 .attr() 实例。

.load() 的文档:http://api.jquery.com/load