Javascript (jQuery) - Codecademy 과정

Question

두 개의 별도 codecademy 연습을위한 것입니다. 그들은 둘 다 나를 통과하지만 나는 내가해야 할 결과를 얻지 못하고있다.

3.2 - 마우스 이벤트 - 질문

은 호버 핸들러를 작성하고 모든 div를 부착합니다. 첫 번째 함수에서는 "hover"클래스를 현재 객체에 추가하고 두 번째 클래스에서는 "hover"클래스를 제거합니다. 우리는 이미 이벤트 객체를 전달하여이를 수행하는 방법을 배웠지만 이번에는 $(this).addClass()을 사용하여 다른 방법을 시도해 보겠습니다. 당신이 원한다면, 당신은 이벤트를 시도 할 수 있습니다!

완료되면 녹색 상자가 튀어 나와 사용자가 가리키면 파란색으로 변합니다.

3.2

- 마우스 이벤트 - 질문

의 키를 정확히 클릭 처리기와 같은 포맷 -

$(document).ready(function(){ 
    $('div').hover(function() { 
     (this).addClass('hover'); 
    }, 
    function() { 
     (this).removeClass('hover'); 
    }); 
}); 

---

3.3 키보드 이벤트 대답.

"box"클래스의 div를 id = "boxDiv"인 div에 추가하는 키 누르기 핸들러를 작성하십시오. keypress 핸들러를 문서 본문에 연결하십시오.

3.3 키보드 이벤트 - 대답

$(document).ready(function(){ 
    $("body").keypress(function(event){ 
     $('#boxDiv').append($("<div/>").addClass('box')); 
    }); 
}); 

---

이 더 명확한 설명을하고 싶은 경우는 여기 과정에 대한 직접 링크입니다. http://www.codecademy.com/courses/jquery-events/2#!/exercises/1

미리 감사드립니다.

(this).addClass('hover'); and (this).removeClass('hover'); 

선행 달러 기호 누락 :

감사합니다,

매트 마우스 이벤트에 관한

Answer 1

는 사소한 구문 오류가 있습니다. 그들은 다음과 같아야합니다 :

$(this).addClass('hover'); and $(this).removeClass('hover'); 

키보드 테스트에 관한 한, 작동해야합니다. 실행할 때 키를 누르기 전에 결과 영역을 클릭하십시오.