특정 메뉴에 자바스크립트 적용하기

tail.sub.php 이나 footer.php 같은 곳에 자바스크립트를 넣어서, 특정 메뉴(텍스트명) 클릭 했을 때 alert 하는 방법

관리자에서는 메뉴 설정시 자바스크립트는 제한하기 때문에 소스를 변경해야 하는데, 간단하게 하단 스크립트를 마지막에 실행 해 주면 됩니다. 메뉴에서 '#' 설정 한 것도 강제로 javascript:void(0) 처리 해 주고, 현재 a 태그의 nav-link 클래스로 묶인 곳에 '후보자' 라는 텍스트가 있다면 인식 후 alert 하는 방식.

메뉴 구성 예

<a class="nav-link " href="#" target="_self">후보자</a>
 

<script>
    document.querySelectorAll('a.nav-link').forEach(function(el) {
        if (el.textContent.trim() === '후보자') {
            el.setAttribute('href', 'javascript:void(0)');
            el.addEventListener('click', function(e) {
                alert('준비중입니다');
            });
        }
    });
</script>