2016-10-13 3 views
0

내 코드가 작동하지 않는 이유를 파악하는 데 어려움을 겪고 있습니다. 제가하려는 것은 시퀀스를 만드는 것입니다. 사용자는이 페이지로 이동하여 "Let me in"을 입력해야합니다. 그런 다음 입력에 입력하면 keyup 기능을 확인한 다음 setTimeout 형식의 환영 함수를 시작하여 #welcome div를 표시하려고합니다. 그런 다음 500ms 후에 setTimeout이 2000ms 인 내 레지스터 기능을 표시합니다.텍스트가 특정 값과 같을 때 함수 시작

지금은 아무 것도 시작하지 않습니다. 내가 잘못했는지 확신 할 수는 없지만 한 가지 오류가 나타납니다. 여기

VM60:1 Uncaught SyntaxError: Unexpected identifier

[object HTMLDivElement]

내가 잘못하고있는 중이 야 무엇 fiddle to see my code

이며,이 작업을 수행 할 수있는 더 좋은 방법은 무엇입니까?

답변

3

첫 번째 문제는 setTimeout을 호출 할 때 "환영합니다"를 전달하지만 함수의 이름이 "인사말"인 경우입니다. 두 번째 문제는 div를 보이지 않게 만드는 CSS 규칙이 다시 활성화 된 클래스를 무시하게 만드는 활성 클래스보다 더 구체적이라는 것입니다. 간단한 수정은 다음과 같은 활성 규칙이 더 구체적으로 확인하는 것입니다 :

#welcome.active, #register.active { 
    visibility: visible; 
    opacity: 1; 
} 
+0

감사합니다. 나는 잘못 명명 된 기능을 포착하지 않았다. 그러나 이러한 변경으로는 효과가 없습니다. – Becky

+0

활성 규칙에서 철자가 잘못 표시되었습니다. 다음은 작동 방식입니다. https://jsfiddle.net/j1ceLbz5/2/ – Michaeldcooney

+0

감사합니다. 두 번째 timeOut이 작동하지 않습니까? 어떤 아이디어? – Becky

0

변경 가시성 : 숨겨진; ~ 디스플레이 : 없음;

또한,

변화 $ ("# 등록") addClass ("능동").; ~ $ ("# register") .css ("display", "inline");

관련 문제