如果这不清楚,我很抱歉,但我正在使用已翻译的wordpress,所以我正在将一些名称翻译回来。
我在菜单中有页面,当我点击某个项目时,它会转到那个页面。但我需要一个f.e.页面项目,它有子页面SubItem1和SubItem2。因此,在菜单中会显示项目,然后我单击项目它不会链接到页面,而是显示以下内容:
如果单击子项,我将进入某个页面。我可以在上面设置页面,但它什么都没有。
有没有什么技巧?或者某个插件?我不太懂jQuery,所以它可能也会有帮助。
那归档呢?首先显示2011年和2012年,然后,如果我单击某一年,该年的月份数会增加,然后我会获得准确的月份/年存档。
谢谢,希望清楚我想要什么:)
Edit这在我的侧边栏中:
<!-- Pages -->
<div id="navigation">
<li id="sb-pages">
<h2>Stránky</h2>
<ul>
<?php wp_list_pages(\'sort_column=menu_order&depth=1&title_li=\'); ?>
</ul>
</li>
</div>
这是在呈现页面时在html中创建的内容:
<!-- Pages -->
<div id="navigation">
<li id="sb-pages">
<h2>Stranky</h2>
<ul>
<li class="page_item page-item-37 current_page_item"><a href="http://www.hasicisvitavka.cz/">Uvod</a></li>
<li class="page_item page-item-12"><a href="http://www.hasicisvitavka.cz/historie/">Historie</a></li>
<li class="page_item page-item-32"><a href="http://www.hasicisvitavka.cz/technika/">Technika soucasna</a></li>
.
.
.
</ul>
</li>
</div>
最合适的回答,由SO网友:developdaly 整理而成
我想你是在问如何使下拉菜单可点击而不是可悬停,因此下面是一个非常简单的示例,我认为你需要什么:http://jsfiddle.net/pk5Bx/
HTML
<div id="navigation">
<ul>
<li class="current_page_parent"><a href="#">Top level 1</a>
<ul>
<li><a href="#">Submenu 1</a></li>
<li><a href="#">Submenu 2</a></li>
</ul>
</li>
<li class="current_page_parent"><a href="#">Top level 2</a>
<ul>
<li><a href="#">Submenu 1</a></li>
<li><a href="#">Submenu 2</a></li>
</ul>
</li>
</ul>
</div>
Javascript/jQuery
$(function() {
$("#navigation .current_page_parent").click(function(){
$(this).children(\'ul\').toggle();
})
});
CSS
#navigation ul li {
display: inline-block;
}
#navigation ul ul {
display: none;
}
EDIT
使用类似的HTML
wp_list_pages()
输出。