jquery - 检查 fb-like 何时完成加载

Question

我有一个包含产品列表的页面。对于列表中的每个产品，我都有类似 fb 的项目。

当页面包含许多产品时，类似 fb 的元素需要几秒钟才能完成加载，此时我正在显示一个 modal-Popup。

现在我正在使用此代码等待 5 秒以允许在后台加载 fb-likes：

$(document).ready(function () {
    setTimeout(function () {
        try {
            $("#mdlPopup").hide();
        } catch (ex) { }
    },
        5000);  
});

最好检查所有类似 fb 的项目是否已加载，然后隐藏模式弹出窗口。

可能吗？

Answer 1

尝试绑定 FB iframe 的加载处理程序

$(function () {
     var fbDone = 0;
    $(document).on('load','.fb_ltr',function () {
        fbDone++;
        if (fbDone === $('.fb_ltr').length) $("#mdlPopup").hide();
    })
});

编辑

看来版主已删除所有评论。

也许尝试将 ajaxStop 处理程序添加到文档中：

$(document).ajaxStart(function () {
    $("#mdlPopup_backgroundElement").show();
}).ajaxStop(function () {
    $("#mdlPopup_backgroundElement").hide();
});