下拉菜单中的WordPress菜单？答案

【问题标题】：Wordpress menu in drop down?下拉菜单中的WordPress菜单？
【发布时间】：2012-05-17 18:00:17
【问题描述】：

我在 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>

怎么了？我得到一个空的下拉列表。

【问题讨论】：

我尝试了不同的值。我也忘记了

标签： html wordpress menu

【解决方案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 博客 URL）你可以在footer.php中保留一些像下面这样的div

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

然后

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

【讨论】：

【解决方案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>

【讨论】：