2010-05-26 4 views
0

내가 드롭 다운 목록을 만들기 위해 노력하고 유지하지 않습니다 내가 그것을이 코드JQuery와는

$(document).ready(function(){ 
$("#zone-bar li em").hover(function() { 
var hidden = $(this).parents("li").children("ul").is(":hidden"); 

$("#zone-bar>ul>li>ul").hide()   
$("#zone-bar>ul>li>a").removeClass(); 

if (hidden) { 
$(this) 
    .parents("li").children("ul").toggle() 
    .parents("li").children("a").addClass("zoneCur"); 
} 
    }); 

을})를 사용하여 작업하지만 완전히있다;

호버에서 드롭 다운 목록이 나타납니다. 드롭 다운 목록에서 항목 중 하나를 선택하면 드롭 다운 목록이 닫히고 이 문제를 해결하는 데 도움이됩니다. 큰 감사드립니다.

답변

4

드롭 다운 메뉴를 만들 때 호버 버튼과 하위 메뉴 사이에 간격이 없는지 확인해야합니다. 틈이 있으면 하위 메뉴에 마우스를 올리기 전에 상위 메뉴 항목에서 마우스를 놓고 있기 때문에 사라집니다. 약간의 지연을 추가하여 즉시 사라지지 않을 수도 있습니다.

+0

+1 지연. 지연이있는 약간의 영리함은 메뉴가 훨씬 자연 스럽다는 느낌을줍니다 (사용자가 데스크탑 환경에서의 경험을 바탕으로 "느끼는"방식). – eyelidlessness

+0

나는 간격을 확인했지만 어떤 것도 찾지 못했다 ?? 정말로 무엇이 잘못되고 있는지 정말로 모릅니다. – cameronmarklewis

+0

작업중인 사이트에 대한 링크를 게시 할 수 있습니까? –