이 자바 스크립트를 사용하여 메뉴 드롭 다운을 제어합니다.자바 스크립트 메뉴 제어 하위 메뉴
스크립트에 항상 하위 메뉴를 표시 할 수 있습니까? 누군가 도움을 줄 수 있기를 바랍니다.
예 코드 : http://jsfiddle.net/zQU7H/
이 자바 스크립트를 사용하여 메뉴 드롭 다운을 제어합니다.자바 스크립트 메뉴 제어 하위 메뉴
스크립트에 항상 하위 메뉴를 표시 할 수 있습니까? 누군가 도움을 줄 수 있기를 바랍니다.
예 코드 : http://jsfiddle.net/zQU7H/
EDITED 충족해야이 댓글 EXPLAINED
리튬에 활성 링크를 시뮬레이션하기 위해 클래스 전류를 추가 한
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/합니다.
한 번에 하나의 하위 메뉴 만 표시하고 다른 하위 메뉴를 표시해야하는 경우 변경합니다. 이 예제에서는 하위 메뉴가있는 첫 번째 요소를 표시했지만 제거하고 하위 메뉴를 만들 때 "현재"클래스에 추가하여 표시하지 않을 수 있습니다.
희망이 도움이됩니다.
안녕하세요 - 도움 주셔서 감사합니다. 작동하는 것처럼 보이지만 첫 번째 예 후에 메뉴 항목 중 하나를 클릭하면됩니다.'Handelsbetingelser'또는 하위 메뉴 중 하나 인 메뉴가 뒤로 이동하여 'Forside'아래 메뉴의 첫 번째 하위 메뉴를 표시합니다. 'Handelsbetingelser'위로 마우스를 가져 가면 메뉴가 정상적으로 나타나고 거기에 머물러 있습니다. ... 흠 - 당신은 몇 가지 아이디어가 있습니까? – Pete
페이지를 "다시로드"하기 전과 페이지를 "다시로드"하기 전에 하위 메뉴를 계속 표시하려고합니까? 다시로드하면 메뉴의 요소를 클릭하면 페이지가 변경되고 메뉴가 다시로드됩니다. 맞습니까? –
안녕하세요 Aitor, 예, 정확히 제가 원하는 ... - 도와 드릴까요? : o) – Pete
는 내가 아닌 최종 솔루션 어쩌면
안녕하세요 고마워요.하지만 하위 메뉴 중 하나를 선택하면 여전히 문제가됩니다. 예 : http://jsfiddle.net/zQU7H/3/ – Pete
Java! = JavaScript –
이 질문에서 "java"태그를 제거했습니다. –
@Diodeus : 논쟁의 여지가 있습니다. 아마도'Java! == JavaScript'가 좋을 것입니다. – musefan