CSS에서 클릭시 하이퍼 링크 사용 안 함

Question

divs로 구성된 메뉴가 있습니다. 이것을 위해 나는 자신의 취향에 맞게 기본 Joomla 메뉴를 사용하고 있습니다. 이것은 HTML 질문이지만, 그래서 여기에 게시하고 있습니다.

하위 메뉴가있는 상위 메뉴 항목의 클래스를 "상위 상위"라고합니다. 이 링크를 클릭하면 링크가있는 대신 하위 메뉴를 열면됩니다.

나는, 그러나

.deeper { 
pointer-events: none; 
    cursor: default; 
} 

.parent { 
pointer-events: none; 
    cursor: default; 
} 

이

을 시도 나는이 CSS 코드를 사용하기 전에 표시 않았다뿐만 아니라, 하위 메뉴의 표시를 사용하지 않습니다.

아무도 내가 어떻게하면 하위 메뉴를 표시 할 수 있습니다뿐만 아니라, 클릭 (테이블에 대한), 상단 메뉴 항목 behidn의 링크를 참조하지 않고도 나타납니다?

Answer 1

CSS를 사용하여 클릭 이벤트를 사용 중지 할 수 없습니다. 이 작업은 Javascript/jQuery를 사용하여 수행해야합니다.

대부분의 Joomla 사이트가 할 수있는 사이트에 jQuery를 사용하는 가정하면, 사용할 수있는 다음과 같은 : 당신은 또한에 분리에 부모 메뉴 항목의 유형을 설정할 수

$(document).ready(function(){ 

    $('#element').on('click', function(){ 
     e.preventDefault(); 

     // Rest of code to show the menu 
    }); 

}); 

메뉴 항목을

이 아닌 <span> 태그로 감싸는 Joomla 메뉴 관리자