플러그인을 사용하지 않고 내비게이션 <select> 목록을 만들려면 어떻게해야합니까?

Question

나는 이것을 위해 여러 가지 해결책을 시도했지만 그 중 아무 것도 효과가 없었다.
나는

모든 아이디어가 어떻게 외부 플러그인없이 완전한 기능을 선택 목록 탐색을 할 수 있습니다 자신의 URL의 표시없이없이 페이지 만의 이름으로 <select><option> 목록으로 탐색 목록을 만들기 위해 나섰고?

, 이미 사용자 지정 스크립트 로더가없는 경우

Answer 1

을 (이상적인 솔루션은 option에 value 그래서 난 페이지 탐색을 위해 자바 스크립트를 사용할 수있는 URL이 나타납니다 페이지 것)이 같은 것을 추가 테마의 functions.php에 : 워드 프레스 대시 보드에서

function addScripts() { 

    if (!is_admin()) { 

     wp_register_script('navScript', get_template_directory_uri() . "/js/navScript.js")); 

     wp_enqueue_script('navScript'); 

} 
} 

add_action('wp_print_scripts', 'addScripts'); 

, Appearance-로 이동> 내 사용자 정의 위젯, 새로운 위젯 (유형으로 선택 HTML 이름을 지정), 그리고 버전을 추가를 만들 이 (div를 제외하고, 당신이 포함 할 수있는대로/당신의 취향에 스타일) :

<form> 

    <select id="superNav"> 
     <option value="">Choose a destination...</option> 
     <option value="http://www.yahoo.com/">YAHOO</option> 
     <option value="http://www.google.com/">GOOGLE</option> 
     <option value="http://www.amazon.com/">AMAZON</option> 
    </select> 

</form> 

그런 다음 모양 -> 위젯 아래에서 새 맞춤 위젯을 원하는 곳으로 추가하십시오. 위의 표시된대로 적절한 템플릿 JS 디렉토리에있는 navScript.js의

에 코드를 추가하면 다음 코드와 같은 코드를 추가 할 수 있습니다. 나는) jQuery를 함께이 일을 해요,하지만 쉽게하여 addEventListener를 (사용하여 일반 자바 스크립트를 재 작업 것 :

$(document).ready(function() { 

    $('#superNav').change(function() { 

     var curUrl = $("option:selected", this).val(); 

     if (curUrl) { 

      window.open(curUrl, '_top') 

     } 

    }); 

Answer 2

당신은 페이지와 해당 링크의 목록을 가져 get_pages($args) 기능을 사용하여 시도 할 수 있습니다. 그런 다음 @Spencer 호프만이 나열한 jQuery를 사용하면 내가 찾고있는 것을 얻을 수 있습니다.

http://codex.wordpress.org/Function_Reference/get_pages#Displaying_pages_in_dropdown_list

예 (인라인 자바 스크립트 이외)로 갈 수있는 완벽한 예제를해야한다고.