Hide and show menu subpages

时间:2012-02-29 作者:Bibo

如果这不清楚,我很抱歉,但我正在使用已翻译的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>

3 个回复
最合适的回答,由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

使用类似的HTMLwp_list_pages() 输出。

SO网友:Tomas M.

我只是用CSS做了一些类似的事情。唯一的区别是,单击父菜单项,您将看到父页面。请参见此处:http://mbccopnetwork.org/mbccop-projects

在我的例子中,这不是问题,因为您可以列出子页面的描述,或者只说“请选择子页面”。另一方面,您只需在CSS文件中添加一些行,就完成了—没有JavaScript。

如果您喜欢,我可以提供CSS代码(它与标准WP页面/类别列表配合使用)。

SO网友:2hamed

我认为最好使用jQuery来实现这一点。您可以找到我为您创建的示例here.

结束

相关推荐

Custom Post Type Menus

我正在写一个插件,因为我们的主要网站最终将被移植到WordPress。我已经为这个插件计划了多个自定义帖子类型,并希望将它们全部组合到一个主菜单中。大体上I want the \"Visitors\" link to be placed under \"Argus Admin\". 没有必要添加其他链接,因为我可以在任何地方“黑客”这些链接。 $v_args = array( \'labels\' => array ( \'nam