Question

我无法找到跑步时出了什么问题。在这里，我正在尝试将JavaScript重写为jQuery语法。究竟是什么不对？我做错了什么。

旧版＆gt;＆gt;

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语法＆gt;＆gt;

    $(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 to jQuery syntax Building custom CSS horizontal menu

Answer 1

您的大部分电话都缺少括号。

声明高度应如下所示

$('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
});

再次错过了()

的.parent()

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

再次，选择链是错误的。

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

Answer 2

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

$('ul#navmenu').height($('ul#navmenu').parent.height + "-1px");

JavaScript到jQuery语法仍然需要转换的帮助

2 个答案: