隱藏菜單使用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

回答

相關問題