2012-05-23 4 views
-2

이 자바 스크립트를 사용하여 메뉴 드롭 다운을 제어합니다.자바 스크립트 메뉴 제어 하위 메뉴

스크립트에 항상 하위 메뉴를 표시 할 수 있습니까? 누군가 도움을 줄 수 있기를 바랍니다.

예 코드 : http://jsfiddle.net/zQU7H/

+2

Java! = JavaScript –

+0

이 질문에서 "java"태그를 제거했습니다. –

+4

@Diodeus : 논쟁의 여지가 있습니다. 아마도'Java! == JavaScript'가 좋을 것입니다. – musefan

답변

0

EDITED 충족해야이 댓글 EXPLAINED

http://jsfiddle.net/zQU7H/2/

리튬에 활성 링크를 시뮬레이션하기 위해 클래스 전류를 추가 한

w를 이해 한 후 당신이 필요로하는 모자 (다음 번에 조금 더 나은 점에 대해 설명해주십시오.) 여기에 업데이트 된 Fiddle이 있습니다. 이 경우 나는 (잘못된 경우 나에게) 당신의 사이트에서 해시와 관련된 링크를 사용하지 말고, URL에서 해시를 검색하는 것은이 해시를 검색하는 것입니다. 하위 메뉴를 표시하려는 요소 (강조 표시 할 수 있음). 예 :

<a title="Bestilling" href="http://www.example.com/mypage.html#Handelsbetingelser"></a>

수동 또는 jQuery로이 작업을 수행 할 수 있습니다

$("#productNav ul li").each(function(){ 
    var title = $(this).children("a").attr("title"); 
    $(this).find("li a").attr("href",function(index,oldattr){ 
     return oldattr+"#"+title; 
    }); 
}); 

이 코드는 해시 태그와 타이틀 메뉴의 부모를 추가합니다. ORIGINAL

내가 바로 당신의 질문을 이해하면 내가 모르겠지만, 도움이 경우에, 나는 바이올린 khaled_webdevs 업데이트했습니다 http://jsfiddle.net/zQU7H/5/합니다.

한 번에 하나의 하위 메뉴 만 표시하고 다른 하위 메뉴를 표시해야하는 경우 변경합니다. 이 예제에서는 하위 메뉴가있는 첫 번째 요소를 표시했지만 제거하고 하위 메뉴를 만들 때 "현재"클래스에 추가하여 표시하지 않을 수 있습니다.

희망이 도움이됩니다.

+0

안녕하세요 - 도움 주셔서 감사합니다. 작동하는 것처럼 보이지만 첫 번째 예 후에 메뉴 항목 중 하나를 클릭하면됩니다.'Handelsbetingelser'또는 하위 메뉴 중 하나 인 메뉴가 뒤로 이동하여 'Forside'아래 메뉴의 첫 번째 하위 메뉴를 표시합니다. 'Handelsbetingelser'위로 마우스를 가져 가면 메뉴가 정상적으로 나타나고 거기에 머물러 있습니다. ... 흠 - 당신은 몇 가지 아이디어가 있습니까? – Pete

+0

페이지를 "다시로드"하기 전과 페이지를 "다시로드"하기 전에 하위 메뉴를 계속 표시하려고합니까? 다시로드하면 메뉴의 요소를 클릭하면 페이지가 변경되고 메뉴가 다시로드됩니다. 맞습니까? –

+0

안녕하세요 Aitor, 예, 정확히 제가 원하는 ... - 도와 드릴까요? : o) – Pete

0

는 내가 아닌 최종 솔루션 어쩌면

+0

안녕하세요 고마워요.하지만 하위 메뉴 중 하나를 선택하면 여전히 문제가됩니다. 예 : http://jsfiddle.net/zQU7H/3/ – Pete