2012-10-08 4 views
1

처음에는 jquery에 매우 익숙하며 Javascript에도 매우 익숙하다는 말로 시작하고 싶습니다.jquery 또는 javascript로 CSS 메뉴에 지연 추가

jquery/javascript를 CSS 메뉴에 추가하여 옵션 사이에 지연 시간을 만들어 옵션 선택을 막기 전에 옵션을 닫지 않도록합니다. 나는 약간 연구를하고 이것을 찾아 냈다 How to add a delay to CSS Vertical Dropdown Menu

그러나 그것은 오프닝을 지연하는 반대를하는 것처럼 보인다 하위 메뉴의 마감. 여기

난 당신이 이동하여 2를 선택하는 세트 1에서 직접 이동하려고하면 대각선이 옵션을 닫을 것을 http://jsfiddle.net/5jd7c/6/

주를 가지고 대신 세트 2에 끝날 것입니다.

미리 감사드립니다.

답변

1

당신이 말한 것을 바탕으로, 나는 hoverIntent jQuery 플러그인을 원한다고 생각합니다. 그것은 정확히 당신이 묘사하고 매우 안정적입니다.

처음부터하는 것보다 훨씬 쉽습니다.

+0

고마워요. 그것이 기능적으로 내가 얻으려고하는 것입니다. 이제는 실제로 작동하도록 힘든 시간을 보내고 있습니다. –

1

위에서 언급 한 jQuery 플러그인 hoverIntent를 사용해야합니다. 이 난 경우에만 작업 메뉴 항목의 지연을 설정 jsfiddle

위한 빠른 샘플을 만들어, 제한 시간 1 초 (1000 MS) 내가 그 UI 목록

위한 작업 리튬위한 ID 및 ID 추가

도와주세요.

+0

ID 대신 클래스를 기반으로 작동하도록 설정할 수 있습니까? –