为什么 YUI 菜单等待我的页面图像加载？

Question

编辑：这是 jQuery 1.3.1 中已确认的错误。 它在 jQuery 1.3.2 中得到修复。

---

我有一个 YUI 菜单控件，与 此示例 完全相同，带有子菜单顶端。

我尝试使用雅虎的代码来初始化菜单：

YAHOO.util.Event.onContentReady("mnuTopNav", function() {

    var oMenuBar = new YAHOO.widget.MenuBar("mnuTopNav", {
        autosubmenudisplay: true,
        hidedelay: 750,
        lazyload: true
    });

    oMenuBar.render();
});

我发现页面上的图像需要一些时间才能加载。

我注意到标题会立即出现（通信/购物/娱乐），但指示有子项目的小箭头只有在加载所有图像后才会出现。

我觉得这很奇怪。 我什至尝试将代码切换到 JQuery，看看是否会在图像加载完成之前进行初始化（这就是我认为应该做的 $(function() )。

$(function(){


        var oMenuBar = new YAHOO.widget.MenuBar("mnuTopNav", {
            autosubmenudisplay: true,
            hidedelay: 750,
            lazyload: true
        });

        oMenuBar.render();
});

令我惊讶的是，我仍然有同样的问题。在加载整个页面之前，菜单不会初始化。

注意

：此问题仅在 Internet Explorer 中出现

。我解决这个问题吗？

---

Edit: This is a confirmed bug in jQuery 1.3.1. It is fixed in jQuery 1.3.2.

Answer 1

您是否尝试过使用 YUI 的 onAvailable() 而不是 onContentReady() ？ 来自 YUI 文档：

onContentReady 方法共享一个
与 onAvailable 的语法相同。 这
两者之间的实质性差异
方法是 onContentReady 等待
直到目标元素及其
DOM 中的 nextSibling 响应
getElementById。 这保证了
目标元素的内容将
已完全加载（除了任何
您稍后可能添加的动态内容
通过脚本）。 如果 onContentReady 永远不会
检测到 nextSibling，它会触发
window.load 事件。

我的猜测是，浏览器需要在 nextSibling 属性起作用之前将图像加载到 DOM 上，因此 onContentReady() 正在等待。

Answer 2

对于 jQuery 你应该这样做：

    $(document).ready(function(){


        var oMenuBar = new YAHOO.widget.MenuBar("mnuTopNav", {
            autosubmenudisplay: true,
            hidedelay: 750,
            lazyload: true
        });

        oMenuBar.render();
   });

Answer 3

雅虎的 onContentReady(...) 似乎由于某种原因等待图像加载，所以我已经停止使用它。

此外， $(function() { }); 的方式似乎存在 JQuery 错误。 请

参阅我的这篇文章，试图了解有关该问题的更多细节。