Question

我是jQuery的新手，需要一个小小的帮助。

我创建了一个导航菜单，一旦用户登陆页面，我想在“3秒”之后完全消失。从这里，箭头将隐藏原始导航菜单。

当用户点击“箭头”时，菜单将重新进入视图并暂停20秒。

我在这个jsFiddle中有一些代码，但它似乎没有做任何事情。任何人都可以帮忙吗？

http://jsfiddle.net/headex/AsjMz/1/

传递的任何信息都将非常感谢。

干杯

Answer 1

您必须为<div/>元素使用正确的选择器并提供MenuOut() 作为对象，而不是字符串。

$(function() {
    setTimeout(MenuOut /*don't supply this parameter as a string*/, 3000); /* 3000 represent 3000 milliseconds, so 3 seconds */
});

function MenuOut() { /* The sample code I put on top */
    $('#nav'/*it's an id (#), here you have to use a string*/).slideUp();
}

Answer 2

您的实例中的错误是您将函数的名称传递给带有""的setTimeOut函数，换句话说

你有这个

  setTimeout("MenuOut", 3000);

此更改

  setTimeout(MenuOut, 3000);

以下是您更改Demo

的实时示例

Answer 3

不要使用动画，而是使用jQuery的slideUp和slideDown。

你想要像这样动画：setTimeout("$('#nav').slideUp()", 3000);

Answer 4

您的JS遇到了一些错误。 setTimeout需要函数回调，而不是字符串。您还使用$（nav）而不是$（“＃nav”）

http://jsfiddle.net/AsjMz/9/

使用jQuery隐藏菜单

4 个答案: