0

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

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

4

2 回答 2

0

它在您的浏览器中是空的，但请检查代码（或阅读 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>
于 2012-05-09T08:35:04.287 回答
0

通过使用这个 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();
于 2012-05-09T12:47:45.067 回答