2010-08-02 2 views
1

제가div를 얻을 때 jquery run 함수 display : none;

#id ul li ul { 
display: none; 
} 

#id ul li:hover ul { 
display: block; 
} 

통해 작동하는 드롭 다운 메뉴를 가지고 있고이 도시 UL (#ID 상향 리 상향 리튬)이 UL은 .click의 JQuery와 이벤트를 갖는다

내부 리튬을 제외한이 잘 작동 그것은 그 할당

그 자체 내부에 네 개의 앵커 태그를 추가하고

은 그래서

에서가는 내용을 대체 클릭 할 때 UL의 리 UL을 #ID하는 UL를 가져 내가 ([export])

에 다시 내용을 변경해야합니다 #ID UL 리튬의 상태 변화가

제외

([Export Draw 1] 
[Export Draw 2] 
[Export Draw 3] 
[Export Draw 4] 
[Export All] 

이 잘 작동에

() = li 
[] = anchor 
([Export]) 

,

#export의 마우스를 뺀 상태에서 시도해 보았지만 #export가 단일 높이의 높이만 알기 때문에 높이를 모르는 것처럼 보입니다.

+0

LI에서 고정 크기를 갖는 문제는 콘텐츠의 크기가 4 배이지만 테두리 상자의 높이가 변경되지 않았고 높이가 4로 고정되어있는 것으로 나타났습니다. height, mouseleave에서 다시 기본값으로 설정합니다. – Hailwood

답변

1

는이처럼 mouseleave event을 사용할 수 있습니다 너는 현재하고있는 일과 너는 모두 정해졌다.

1

handlerOut jQuery의 부분 .hover() 기능 (즉, $(selector).hover(handlerIn, handlerOut))를 사용하여 콘텐츠를 복원합니다.

$("#id ul li").mouseleave(function() { 
    //code here to set those tags back 
    //possibly: $(this).children('ul').html("<li>...</li>"); 
}); 

내가 앵커 코드에 분명 아니지만, 이벤트가 역에있는 링크를 대체 할 그냥 코드에 넣어 여기에서 중요한 것은,이다 :

관련 문제