Question

我有一個代碼在wordpress中生成一個水平菜單。代碼是

<? php wp_nav_menu (array ('theme_location' => 'header-menu'));?> 

我想有一個下拉代替，並嘗試下面的代碼，但它不工作。

<select name="blog-dropdown" onChange='document.location.href=this.options[this.selectedIndex].value;'> 
<option value="">Navigering</option><?php wp_nav_menu(array('theme_location' => 'header-menu')); ?></select> 

出了什麼問題？我得到一個空的下拉列表。

Answer 1

我能夠通過使用這個WordPress功能wp_dropdown_pages($args);

下拉選項包含頁面ID作爲值，所以我用來滿足類似的要求他們通過jquery重定向用戶。我的jQuery代碼如下：

$("nav select").change(function() { 
    var pageID = $(this).find("option:selected").val(); 
    window.location = siteurl + '?p=' + pageID; 
}); 

這裏SITEURL包含我的主頁URL（這是WordPress博客網址） ü可以保留一些DIV像下面的footer.php

<div id="wordpress_blog_url" style="display:none;"><?php bloginfo('template_url'); ?></div> 

，然後

var siteurl = $('#WordPress').html(); 

Answer 2

它在瀏覽器中爲空，但檢查代碼（或閱讀html源代碼）。 wp_nav_menu功能創建一個ul>li>a標籤。 http://codex.wordpress.org/Function_Reference/wp_nav_menu。

選項標籤需要這樣的事：

<select> 
    <option>Volvo</option> 
    <option>Saab</option> 
    <option>Mercedes</option> 
    <option>Audi</option> 
</select>