2

关心：示例网址来自一个非营利组织的开发站点，该组织帮助委内瑞拉的兔唇儿童。所以那里会有一些人们不愿意看到的照片。

我正在使用 Twitter Bootstrap 构建站点，并且导航栏与 wp_nav_menu 一起使用没有任何问题。

由于主页导航中的#anchors，单击后不会重新加载。因此，导航不会崩溃回到其关闭状态。（所以请参阅折叠按钮，调整屏幕大小）。

我需要的是：http: //jsfiddle.net/hajpoj/By6ym/4/

我已经尝试了小提琴示例中的东西，并且可以无缝运行，所以它必须是由于 jQuery 中的其他类/ID 或其他东西。

我的 jQuery 不足以找到或创建一个干净的解决方案。直到......为止

PHP：

<div class="navbar navbar-inverse">
<div class="navbar-inner">
    <div class="container">
        <a data-target=".navbar-responsive-collapse" data-toggle="collapse" class="btn btn-navbar">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </a>
        <p class="brand hidden-desktop">Menu</p>
        <div class="nav-collapse collapse navbar-responsive-collapse ss-icon">
        <?php $sitenavigatie = array(
            'theme_location'  => 'header-menu-left-page',
            'menu_class'      => 'menu',
            'echo'            => true,
            'fallback_cb'     => 'wp_page_menu',
            'items_wrap'      => '<ul id="%1$s" class="nav %2$s">%3$s</ul>',
            'depth'           => 0,
            'walker'          => new TessWalkerMenu());
            wp_nav_menu( $sitenavigatie ); ?>
        </div> <!-- end .nav-collapse .collapse .navbar-responsive-collapse -->
    </div> <!-- end .container-fluid -->
</div> <!-- end .navbar-inner -->

小提琴中的 jQuery：

$('.nav-collapse').click('li', function() {
  $('.nav-collapse').collapse('hide');
});

希望有人可以提供帮助。

4

1 回答 1

0

更新小提琴，请在链接中查看

jsfiddle.net/By6ym/23/

于 2013-11-07T11:48:07.260 回答