jquery - 子页面中 jQuery.load 和 $().ready 的计时问题

Question

我正在尝试在父页面上使用 jQuery Load 从 URL 动态插入一些子页面。在父页面中我做了这样的事情:

var html = gridDiv.load(self.options.url, function(html, status, xhr)
{
gridDiv.find("myObject:first").data("objectInstance");
    //do something....
});

数据对象实际上是在文档就绪时运行的函数期间添加到子页面中的...

$().ready(function()

我首先注意到的是，在本地运行时，一切都按预期工作。但是，当部署在实际 url 上时，加载完成事件会在 $().ready 在子页面上完成之前触发。第一个问题是这是正确的，有什么方法可以解决这个问题，以便我只能在子页面上调用 $().ready 之后运行我的代码？

我尝试了一种解决方法，在父页面中使用计时器来检查元素。短暂的间隔后，该元素将出现在 dom 中，但其上的数据为空。但是，如果我在单击按钮中运行调试器，我可以在那里看到所有内容..

另一个解决方法尝试是将脚本放置在子页面的底部，然后删除准备好的文档。这也行不通。

有什么建议吗？ (我不能过多修改子页面上的代码逻辑，它需要独立)

Answer 1

当您在本地运行代码时，您实际上不会看到加载时间延迟。您的代码的问题是

    $().ready(function(){})
    //executes when HTML-Document is loaded and DOM is ready

所以我建议你使用

    $(window).load(function(){});
    // executes when complete page is fully loaded, including all frames, objects, scripts and images