2014-02-28 1 views
0

내가 티이 튜토리얼을 따라 연결 "하락"http://mysitemyway.com/docs/index.php/Collapsible_sidebar_menus작업 드롭 다운 메뉴는 워드 프레스에서 기능/

여기에 내 사이트 : http://inlightimage.com/

# '사진'과 링크, '디자인', 및 ' 아래의 페이지는 클릭/링크 할 수 없습니다. 아무것도 움직이지 않는다.

가능한 경우 복사 및 붙여 넣기에서 내가 어디 잘못되었는지 알고 싶습니다.

나는 사용자 정의 CSS에 추가 :

.menu .dropdown .sub-menu { display: none; } 

내가 정의 JavaScript에 추가 :

jQuery(document).ready(function(){ 
    jQuery('.menu .dropdown a').click(function(e){ 
      e.preventDefault(); 
      if (jQuery(this).parent().children('.sub-menu:first').is(':visible')) { 
       jQuery(this).parent().children('.sub-menu:first').hide(); 
      } else { 
       jQuery(this).parent().children('.sub-menu:first').show(); 
      } 
    }); 
}); 

아마도 내 테마와 호환되지 않습니다? (ElmaStudio의 Moka 테마)

모든 방향/도움에 감사드립니다.

답변

0

내가 변경 시도를하려는 :

jQuery('.menu .dropdown a').click(function(e){ 

에 :

선택기가 너무 일반적 대신 부모 항목의 모든 링크에서 preventDefault을 적용했다처럼 보이는
jQuery('.menu .dropdown > a').click(function(e){ 

.

+0

즉시 작업 했으므로 고맙습니다. – user3366554

+0

페이지를 클릭하면 원래의 드롭 다운 이전 상태로 돌아갑니다. 사용자가 드롭 다운을 클릭하고 하위 페이지를 공개하면 메뉴를 수정하는 방법이 있습니까? 즉 범주를 다시 클릭하여 '정리'하고 다시 압축하지 않으면 축소 할 수 없습니까? 가능하면 고맙습니다. – user3366554

+0

활성 페이지에 대한 클래스를 포함하도록 출력을 변경 한 다음 jQuery에서이를 감지 할 수 있습니다. 이를 달성하기 위해 전적으로 jQuery를 사용할 수도 있지만 원래 질문의 범위를 벗어납니다. 그것에 가야하고 당신이 당신의 부호를 배치하는 붙어 얻는 경우에. –

관련 문제