[WordPress] メニューのヘッダーでの elemenent の id を取得する方法?

スポンサーリンク

質問

ワードプレスのテーマを編集している

。(これ: Onetone のテーマ)いくつかを作るしようとしているテーマを見て家のようなページは (既に連絡しましたそれら) それを提供しません。各ページには特定の 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 をプログラムによって取得するできなかったことがわかります。どのようにそれを行うことができますか?ありがとう

答え

使用 jQuery セクションの id を抽出のここには、開始するための基本的な動作例です。このコードで canpaste 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>

http://stackoverflow.com/questions/28384977/how-to-get-ids-of-elemenent-for-menu-in-header

スポンサーリンク

Leave a Reply