如何獲取標題中菜單的標識符？

我正在編輯wordpress主題。（這個：Onetone theme）我想讓一些像家一樣的頁面看到主題不提供它（我已經聯繫他們）。所以在每一頁我都會有一些< section>帶有一個特定的id和一個菜單以及每個菜單的鏈接。如何獲取標題中菜單的標識符？

我已經做出證明：

<?php 
$sections = array('home','A','B','C','D');// home,A,B,C,D are the ids of the section added manually 
foreach ($sections as $section) { 
    echo '<li class="onetone-menuitem"><a class="onetone-menu-link" id="onetone-menu-'.$section.'" href="#'.$section.'" > 
<span>'.$section.'</span></a></li>'; 
}?>

但正如你所看到的，我是不是能夠得到編程的部分的ID。我該怎麼做？謝謝。

來源

2015-02-07 Leonardo Rignanese

該代碼工作正常，那究竟是什麼問題？ – 2015-02-07 17:17:27

@GavinSimpson問題是在$ sections中以編程方式添加頁面中各節的ID。 – 2015-02-07 17:48:28

這還不夠，繼續下去。你如何創建第一個部分？ – 2015-02-07 17:54:20

使用jQuery來提取節ID，這裏是一個基本的工作示例，讓你開始。你可以用php或html文件來粘貼這些代碼，並從瀏覽器中調用它。唯一需要更改的是jquery.js的位置。

<!doctype html> 
<head> 
<script type='text/javascript' src='http://localhost/lccs/wp-includes/js/jquery/jquery.js?ver=1.11.1'></script> 
<style> 
.menu-item 
{ 
    display: inline-block; 
    padding: 1em; 
    background-color: #444; 
} 
</style> 
<script language="javascript"> 
jQuery(document).ready(function($) 
{ 
     $("section").each(function() 
     { 
      var menucode="<span class='menu-item'><a href='#"+this.id+"'>Item</a></span>"; 
      $("#menu-items").append(menucode); 
      console.log(menucode); 
     }); 
}); 
</script> 

</head> 
<body> 
<main id="main" class="site-main" role="main"> 
<aside class="menu-aside"> 
<h4>Menu</h4> 
<span id="menu-items"></span> 
</aside> 
<article class='student type-student status-publish hentry'> 
</article> 
</main> 
<h1>Heading</h1> 
<section id="seca-1"><h2>Section A</h2> 
</section> 
<section id="seca-2"><h2>Section B</h2> 
</section> 
<section id="seca-3"><h2>Section C</h2> 
</section> 
<section id="seca-4"><h2>Section D</h2> 
</section> 
</body> 
</html>

來源

2015-02-08 08:29:16

謝謝！它工作的很好！ – 2015-02-08 10:18:35

如何獲取標題中菜單的標識符？

回答

相關問題