jquery - Bootstrap 侧边栏下拉菜单

Question

是否有带下拉菜单的基于 Bootstrap 的侧边栏导航面板？我找遍了，找不到一个。这是我当前的代码(它创建了一个子菜单，但下拉菜单不起作用):

            <div class="col-sm-3 col-md-2 sidebar">    
               <ul class="nav nav-sidebar">     
                    <?php foreach ($this->container as $page): ?>
                        <?php if( ! $page->isVisible() || !$this->navigation()->accept($page)) continue; ?>
                            <?php if(isset($page->pages) && count($page->pages)):?>
                                <li class="dropdown open">
                            <a href="<?php echo $page->getHref() ?>" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="true">
                              <?php echo $this->translate($page->getLabel()) ?>
                            </a>
                                <ul class="dropdown-menu" role="menu">
                                    <?php foreach($page->pages as $subpage):?>
                                    <li>
                                        <a href="<?php echo $subpage->getHref();?>">
                                            <?php echo $this->translate($subpage->getLabel());?>
                                        </a>
                                        <?php if(isset($subpage->pages) && count($subpage->pages)):?>
                                            <ul class="dropdown-menu" role="menu">
                                            <?php foreach($subpage->pages as $innerpage):?>
                                                <li>
                                                    <a href="<?php echo $innerpage->getHref();?>">
                                                        <?php echo $this->translate($innerpage->getLabel());?>
                                                    </a>
                                                </li>       
                                            <?php endforeach;?>
                                            </ul>       
                                        <?php endif;?>
                                    </li>
                                    <?php endforeach;?>
                                </ul>
                                <?php else:?>
                                    <li>
                            <a href="<?php echo $page->getHref() ?>">
                              <?php echo $this->translate($page->getLabel()) ?>
                            </a>
                            <?php endif;?>                
                      </li>
                       <?php endforeach ?>
                  </ul>
              </div>

Answer 1

几周前我也在为同样的事情苦苦挣扎。我发现您的代码存在与我的代码相同的问题，因此我编辑了您的代码，请参见下文。

试试这个:

    <div class="col-sm-3 col-md-2 sidebar">    
           <ul class="nav nav-sidebar">     
                <?php foreach ($this->container as $page): ?>
                    <?php if( ! $page->isVisible() || !$this->navigation()->accept($page)) continue; ?>
                        <?php if(isset($page->pages) && count($page->pages)):?>
                            <li class="dropdown open">
                        <a href="<?php echo $page->getHref() ?>" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="true">
                          <?php echo $this->translate($page->getLabel()) ?>
                        </a>
                            <ul class="dropdown-menu" role="menu">
                                <?php foreach($page->pages as $subpage):?>
                                   <li class="dropdown">
                                    <a href="<?php echo $subpage->getHref();?>">
                                        <?php echo $this->translate($subpage->getLabel());?>
                                    </a>
                                    <?php if(isset($subpage->pages) && count($subpage->pages)):?>
                                        <ul class="dropdown-menu" role="menu">
                                        <?php foreach($subpage->pages as $innerpage):?>
                                            <li class="dropdown">
                                                <a href="<?php echo $innerpage->getHref();?>">
                                                    <?php echo $this->translate($innerpage->getLabel());?>
                                                </a>
                                            </li>       
                                        <?php endforeach;?>
                                        </ul>       
                                    <?php endif;?>
                                </li>
                                <?php endforeach;?>
                            </ul>
                            <?php else:?>
                                <li>
                        <a href="<?php echo $page->getHref() ?>">
                          <?php echo $this->translate($page->getLabel()) ?>
                        </a>
                        <?php endif;?>                
                  </li>
                   <?php endforeach ?>
              </ul>
          </div>