코드에 의해 트리거 될 수있는 메뉴

Question

javascript/JQuery에서 메뉴를 만들려고합니다. (CSS는 옵션입니다) 특정 드롭 다운 메뉴 표시, 마우스를 사용하지 않고 마우스 오버 효과를 모방 할 수 있습니다.

이 이유는 비슷한 기능을 사용하는 인터페이스를 만들고 있기 때문에 화면에 마우스가 움직이는 이미지가 어디에서 메뉴의 항목을 찾을 수 있는지를 의미하는 Google에 알려줍니다. 따라서 특정 메뉴 버튼을 마우스 오버 시키거나 클릭 한 것처럼 보이는 코드를 작성할 수 있어야합니다.

기본적으로 원하는 효과를 위해 호출 할 수있는 각 버튼의 고유 식별자가있는 메뉴를 만들려면 어떻게해야합니까?

Answer 1

모든 이벤트 처리기를 단독 기능으로 설정하면 수동으로 호출 할 수도 있습니다. 대신과 같이 익명의 클릭 핸들러를 등록의 예를 들면 다음과 같습니다

$('#myelement').click(function(){ /* do stuff */ }); 

당신은 할 것이다 : 당신이 jQuery를 사용하는 경우

function doStuff() { /* do stuff */ } 

$('#myelement').click(doStuff); 

// somewhere else in your code 
doStuff(); 

또는, 당신은 당신의 코드에서 다른 곳 $('#myelement').click()를 호출 할 수 있습니다, 누군가가 물리적으로 클릭 한 것처럼 요소에 연결된 onclick 핸들러를 호출합니다.