0

水平メニューを生成するワードプレスのコードがあります。コードは

<? 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) が含まれています。以下のような div を footer.php に保持できます

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

その後

var siteurl = $('#WordPress').html();
于 2012-05-09T12:47:45.067 に答える