jQuery를 사용하여 메뉴 숨기기

jQuery에 익숙하지 않아 litte 도움말이 필요합니다.jQuery를 사용하여 메뉴 숨기기

나는 사용자가 페이지에 착륙하면 "3 초"후에 완전히 사라지는 탐색 메뉴를 만들었습니다. 이 화살표는 원래의 탐색 메뉴를 숨기는 위치에 있습니다.

사용자가 "화살표"를 클릭하면 메뉴가 다시 표시되어 20 초 동안 그대로 있습니다.

이 jsFiddle에 몇 가지 코드가 있지만 아무 것도하지 않는 것 같습니다. 아무도 도와 줄 수 있습니까?

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

이 전달 모든 정보를 많이 알 수있을 것이다.

건배

출처

2012-05-21 Darren Head

그냥 (!) 참고를 사용 :

이되지 않습니다, 참조 : http://www.w3.org/TR/html401/ appendix/changes.html # hA.3.1.2 – dezso

라이브 예에서 오류가이

setTimeout("MenuOut", 3000);

변경이 다른 단어

을에 ""와의 setTimeout 함수에 함수의 이름을 전달하는 것을입니다 이 경우

setTimeout(MenuOut, 3000);

여기에 요 해당 변경 사항이 적용된 라이브 예제 Demo

출처

2012-05-21 12:45:59 Jorge

감사합니다. 작동 했으므로 지금 표시된 화살표가 필요합니다. HTML에 어떻게 추가합니까? 참조 번호가 #theButton 인 태그는 피들과 유사합니다. –

사실 요소에 html을 추가하려면'append()'또는'html()'함수로 할 수 있고 필요한 요소에 필요한 html을 삽입하십시오 – Jorge

당신은 저를 용서해야합니다. 아마추어가 ... 어떻게 설계된 화살표를 append() 또는 html() 마커에 삽입하겠습니까? 클릭 한 번으로 이미지가 어떻게 표시됩니까? –

animate를 사용하는 대신 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를 사용하여 메뉴 숨기기

답변

관련 문제