0

我无法找出运行时出了什么问题。在这里，我试图将 JavaScript 重写为 jQuery 语法。究竟是什么不正确？我做错了什么。

遗产 >>

var cssmenuids = ["navmenu"];

    function createcssmenu()
    {
        for (var i = 0; i < cssmenuids.length; i++)
             var ultags = document.getElementById(cssmenuids[i]).getElementsByTagName("ul");
            for (var t = 0; t < ultags.length; t++)
            {
                ultags[t].style.top = ultags[t].parentNode.offsetHeight + "-1px";
                ultags[t].parentNode.onmouseover = function()
                {
                    this.style.zIndex = 100;
                    this.getElementsByTagName("ul")[0].style.visibility = "visible";
                    this.getElementsByTagName("ul")[0].style.zIndex = 0;
                }
                ultags[t].parentNode.onmouseout = function()
                {
                    this.style.zIndex = 0;
                    this.getElementsByTagName("ul")[0].style.visibility = "hidden";
                    this.getElementsByTagName("ul")[0].style.zIndex = 100;
                }
            }
        }
    }

    if (window.addEventListener)
        window.addEventListener("load", createcssmenu, false);
    else if (window.attachEvent)
        window.attachEvent("onload", createcssmenu);

jQuery 语法 >>

    $(document).ready(function ()
    {
        $('ul#navmenu').height = $('ul#navmenu').parent.height + "-1px";

        $('ul#navmenu').parent.bind('mouseover', function ()
        {
            $(this).css('z-index', 100);
            $(this).$('ul')[0].css("visibility", "visible");
            $(this).$('ul')[0].css('z-index', 0);
        });
        $('ul#navmenu').parent.bind('mouseout', function ()
        {
            $(this).css('z-index', 0);
            $(this).$('ul')[0].css("visibility", "hidden");
            $(this).$('ul')[0].css('z-index', 100);
        });
    });

这就是 JSfiddle http://jsfiddle.net/sublay/HCajr/

相关问题JavaScript 到 jQuery 语法构建自定义 CSS 水平菜单

4

2 回答 2

2

您在大多数电话中都缺少括号。

声明高度应该是这样的

$('ul#navmenu').height($('ul#navmenu').parent().height() -1)

你需要使用.parent()不.parent

$('ul#navmenu').parent().bind('mouseover'

下面，似乎您正在尝试首先ul在#navmenu. 当您使用时，[0]您实际上是在调用.get()将 jQuery 对象转换为 javascript DOM 元素的方法。这样做将消除您对它运行 jQuery 函数的能力。此外，对于选择器，链接不会像那样发生。此外，.css()将接受具有键：值对的对象。

$(this).find('ul:first').css({
    "visibility" : "visible",
    "z-index" : 0
});

再一次，错过了()for.parent()

$('ul#navmenu').parent().bind('mouseout',

再一次，选择器链是错误的。

$(this).find('ul:first').css({
    "visibility" : "hidden",
    'z-index' : 100
});
于 2013-04-15T22:43:54.390 回答
0

高度是一种方法，而不是属性。你必须同样设置它：

$('ul#navmenu').height($('ul#navmenu').parent.height + "-1px");
于 2013-04-15T22:42:59.297 回答