Question

我是Drupal的新手。我正在尝试开发一个bootstrap 3模板，但我的导航栏下拉菜单实现有问题。我按照以下步骤操作：

在mytheme / templates文件夹中，我使用以下代码创建了一个page.tpl.php文件：

if ($page['header'])
...
$main_menu = variable_get('menu_main_links_source', 'main-menu');
$tree = menu_tree($main_menu);
print drupal_render($tree);
...

在mytheme文件夹中的

我创建了一个包含以下函数的template.php文件：

function mytheme_menu_tree($variables) {
   return '<ul class="nav navbar-nav">' . $variables['tree'] . '</ul>';
}

function mytheme_menu_link(array $variables) {
  $element = $variables['element'];
  $sub_menu = '';
  $dropdown = '';
  if ($element['#below']) {
    $sub_menu = drupal_render($element['#below']);
    $dropdown = 'class="dropdown"';
    $element['#localized_options']['attributes']['class'][] = 'dropdown-toggle';
  }
  $output = l($element['#title'], $element['#href'], $element['#localized_options']);
  return '<li ' .$dropdown. ' >' . $output . $sub_menu . "</li>\n";
}

使用此代码我很高兴，但我需要从子项中删除类“nav navbar-nav”并添加类“dropdown-menu”。这是我的代码的结果：

<ul class="nav navbar-nav">
<li><a href="/drupal/node/1" class="active">XYZ</a></li>
<li><a href="/drupal/node/2" title="">ASD</a></li>
<li class="dropdown"><a href="/drupal/node/3" title="" class="dropdown-toggle">XXX</a>
<ul class="nav navbar-nav">
<li>...</li>
<li>...</li>
<li>...</li>
</ul>
</li>
</ul>

这就是我想要获得的：

<ul class="nav navbar-nav">
<li><a href="/drupal/node/1" class="active">XYZ</a></li>
<li><a href="/drupal/node/2" title="">ASD</a></li>
<li class="dropdown"><a href="/drupal/node/3" title="" class="dropdown-toggle">XXX</a>
<ul class="dropdown-menu"> <!-- HERE IS THE DIFFERENCE -->
<li>...</li>
<li>...</li>
<li>...</li>
</ul>
</li>
</ul>

也许我可以这样做：

function mytheme_menu_tree($variables) {
   if ( [check if I'm at the first level] ) {
       return '<ul class="nav navbar-nav">' . $variables['tree'] . '</ul>';
   } else {
       return '<ul class="dropdown-menu">' . $variables['tree'] . '</ul>';
   }

}

但我不知道怎么......有什么想法？

Answer 1

对于Drupal来说，我也是一个新手，也有这个问题。我调整了你的功能，它适用于我：

    function SeatradeKorea_menu_link(array $variables) {
        $element = $variables['element'];
        $sub_menu = '';
        $dropdown = '';
        if ($element['#below']) {
            $sub_menu = drupal_render($element['#below']);
            $sub_menu = str_replace('nav navbar-nav', 'dropdown-menu', $sub_menu);
            $dropdown = 'class="dropdown"';
            $element['#localized_options']['attributes']['class'][] = 'dropdown-toggle';
         }
         $output = l($element['#title'], $element['#href'], $element['#localized_options']);
         return '<li ' .$dropdown. ' >' . $output . $sub_menu . "</li>\n";
     }

我已在您的#below元素中添加str_replace()以替换＆＃34; nav navbar-nav＆＃34;使用＆＃34;下拉菜单＆＃34;

Drupal 7 bootstrap下拉菜单

1 个答案: