CSS를 액티브 메뉴 하이라이트에 대한 WordPress에 js 추가

Question

나는 워드 프레스에 내 활성 메뉴에 간단한 하이라이트를 추가하고 싶습니다. 이 작업을 수행하려면 유용 할 수있는 코드 조각을 추적했습니다 (작업 한 경우). js와 관련하여 완전한 루키입니다. 그러나이 코드 조각을 내 안에 넣으려면 많은 것을 알고 있습니다. functions.php

// Enqueue JavaScripts 
function theme_scripts() { 
    wp_enqueue_script('cartrawler', get_template_directory_uri() . 'https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js', array(), '20120802', '1'); 
    wp_enqueue_script('cartrawler', get_template_directory_uri() . '/js/jquery.colorbox-min.js', array(), '20120802', '1'); 
    wp_enqueue_script('cartrawler', get_template_directory_uri() . '/js/activemenu.js', array(), '30120802', '1'); 
} 
add_action('wp_enqueue_scripts', 'theme_scripts'); 

나는이 가능하게하는 작은 스크립트에 저를 돕는이 링크에 대해 참조했다 : http://jsfiddle.net/K6F8m/

Answer 1

첫 번째 wp_enqueue_script 라인은 나쁘다. 정규 URL (https://ajax.googleapis.com...)을 사용하고 있지만 테마 URL 앞에 붙여야합니다. 와 첫 wp_enqueue_script 라인을 교체하십시오 :

wp_enqueue_script('cartrawler', 'https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js', array(), '20120802', '1'); 

을 그 크게 문제가 해결되지 않는 경우가 발생하는 실제 문제가 무엇인지에 정교한하시기 바랍니다. 스크립트가 HTML에 나타나지 않습니까? HTML에 있지만 작동하지 않습니까?

Answer 2

wp_nav_menu() 함수를 사용하여 메뉴를 만들면 Wordpress는 자동으로 "활성 메뉴 강조 표시"효과를 만들 수있는 클래스를 추가합니다.

이러한 클래스의 몇

는 .current-menu-item가 여기

등 .current-menu-parent, .current-{object}-parent, .current-{type}-parent에서, official documentation입니다 있습니다.

Answer 3

좋아 내가 그 워드 프레스 알 수없는 메뉴 항목에 대한 클래스를 만들어 이미 한 알 더 DOM에 따라 약간의 봄으로써 너무 :

div#menu li.current_page_item a{ 
color:#000; 
} 
div#menu li.current_page_item a:hover{ 
color:#662D91; 
} 

내 문제는 지금 부모의 모든 아이들도에서 강조 표시됩니다 있다는 것입니다 부모 페이지에 들어갈 때 검은 색으로 표시됩니다. :(나는 이것을 고치는 방법을 기억할 수 없다!