隐藏菜单使用jQuery

即时通讯新的jQuery和需要小帮手。隐藏菜单使用jQuery

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

当用户点击“箭头”时，菜单将回到视图中并停留20秒。

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

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

传递任何信息将非常感激。

干杯

来源

2012-05-21 Darren Head

只是一个旁注：

已被弃用，请参阅： http://www.w3.org/TR/html401/附录/ changes.html＃hA.3.1.2 – dezso

在活生生的例子错误那就是你换句话说

与""传递函数setTimeout函数的名称，你有这样的

setTimeout("MenuOut", 3000);

变化为此

setTimeout(MenuOut, 3000);

Here's yo你的生动的例子与变化Demo

来源

2012-05-21 12:45:59 Jorge

谢谢，它已经工作了，只需要现在显示的箭头！我如何将其添加到HTML中？作为带#theButton引用的标记，在小提琴中类似。 –

本质上是将html添加到一个元素中，你可以通过函数append（）或html（）来实现它，然后在你需要的元素中注入所需的html – Jorge

你必须原谅我而不是业余在这...如何将我设计的箭头注入append（）或html（）标记？点击图像如何坐在那里？ –

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

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

来源

2012-05-21 12:47:27 bvulaj

感谢您，很高兴知道！ –

你必须使用正确的选择为您<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(); 
}

来源

2012-05-21 12:48:43 fourcube

感谢您的回复，非常感谢！ –

您的JS有一些错误。 setTimeout需要函数回调，而不是字符串。，而且还使用$（NAV），而不是$（ “＃导航”）

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

来源

2012-05-21 12:51:19

隐藏菜单使用jQuery

回答

相关问题