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

它在您的浏览器中为空，但检查代码（或阅读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>

Answer 2

我能够通过使用这个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();

Wordpress菜单下拉？

2 个答案: