Question

我正在尝试将下拉菜单添加到使用文本滑动门CSS舍入的drupal主题。

当前版本使用span的主链接注入到a标签中，这很好。但不支持下拉菜单。

工作代码：

<?php print theme('links', $primary_links, array('class' => 'links primary-links')) ?>

在添加了template.php文件的模板中：

<?php
// function for injecting spans inside anchors which we need for the theme's rounded corner background images
function strands_guybrush_links($links, $attributes =  array('class' => 'links')) {
  $output = '';
  if (count($links) > 0) {
    $output = '<ul'. drupal_attributes($attributes) .'>';

    $num_links = count($links);
    $i = 1;

    foreach ($links as $key => $link) {
      $class = $key;

      // Add first, last and active classes to the list of links to help out themers.
      if ($i == 1) {
        $class .= ' first';
      }
      if ($i == $num_links) {
        $class .= ' last';
      }
      if (isset($link['href']) && ($link['href'] == $_GET['q'] || ($link['href'] == '<front>' && drupal_is_front_page()))) {
        $class .= ' active';
      }
      $output .= '<li'. drupal_attributes(array('class' => $class)) .'>';

      if (isset($link['href'])) {
        $link['title'] = '<span class="link">' . check_plain($link['title']) . '</span>';
        $link['html'] = TRUE;      
        // Pass in $link as $options, they share the same keys.
        $output .= l($link['title'], $link['href'], $link);        
      }
      else if (!empty($link['title'])) {
        // Some links are actually not links, but we wrap these in <span> for adding title and class attributes
        if (empty($link['html'])) {
          $link['title'] = check_plain($link['title']);
        }
        $span_attributes = '';
        if (isset($link['attributes'])) {
          $span_attributes = drupal_attributes($link['attributes']);
        }
        $output .= '<span'. $span_attributes .'>'. $link['title'] .'</span>';
      }

      $i++;
      $output .= "</li>\n";
    }

    $output .= '</ul>';
  }
  return $output;
}
?>

所以我添加了Nice Menu module，效果很好，并允许导航的下拉菜单功能，现在使用以下方法从模板中解决：

<?php   print theme_nice_menu_primary_links() ?>

问题是a标签需要在内部具有跨度以允许选择的状态标记。我已经尝试了我可以找到的每个角度来编辑drupal函数menu_item_link，它被很好的菜单用来构建链接。

E.g。我看了两天的drupal论坛，没有快乐。

构建链接的模块中的行是：

function theme_nice_menu_build($menu) {
  $output = '';
  // Find the active trail and pull out the menus ids.

  menu_set_active_menu_name('primary-links');
  $trail = menu_get_active_trail('primary-links');
  foreach ($trail as $item) {
    $trail_ids[] = $item['mlid'];
  }

  foreach ($menu as $menu_item) {
    $mlid = $menu_item['link']['mlid'];
    // Check to see if it is a visible menu item.
    if ($menu_item['link']['hidden'] == 0) {
      // Build class name based on menu path
      // e.g. to give each menu item individual style.
      // Strip funny symbols.
      $clean_path = str_replace(array('http://', '<', '>', '&', '=', '?', ':'), '', $menu_item['link']['href']);
      // Convert slashes to dashes.
      $clean_path = str_replace('/', '-', $clean_path);
      $class = 'menu-path-'. $clean_path;
      $class .= in_array($mlid, $trail_ids) ? ' active' : '';  
      // If it has children build a nice little tree under it.
      if ((!empty($menu_item['link']['has_children'])) && (!empty($menu_item['below']))) {
        // Keep passing children into the function 'til we get them all.
        $children = theme('nice_menu_build', $menu_item['below']);
        // Set the class to parent only of children are displayed.
        $class .= $children ? ' menuparent ' : '';
        // Add an expanded class for items in the menu trail.
        $output .= '<li id="menu-'. $mlid .'" class="'. $class .'">'. theme('menu_item_link', $menu_item['link']);
        // Build the child UL only if children are displayed for the user.
        if ($children) {
          $output .= '<ul>';
          $output .= $children;
          $output .= "</ul>\n";
        }  
        $output .= "</li>\n";
      }  
      else {
        $output .= '<li id="menu-'. $mlid .'" class="'. $class .'">'. theme('menu_item_link', $menu_item['link']) .'</li>'."\n";
      }  
    }  
  }
  return $output;
}

正如您所看到的，$ output使用menu_item_link将数组解析为链接，并将活动类添加到所选导航链接。

问题是我如何在a标签内添加span？或者如何使用具有活动类的span来包装a标签以设置滑动门链接的样式？

Answer 1

如果要使用span包装a标签，可以覆盖theme_nice_menu_build并将span添加到输出中。如果您想要在标签内部，则需要覆盖menu_item_link。

您可以通过创建函数调用your_theme_name_function_name来覆盖主题函数，Drupal将使用该函数来呈现标记而不是默认标记。这样你就可以以任何你想要的方式改变标记。此函数应位于主题的template.php文件中。

一个好的开始方法是复制你想要覆盖的功能，然后改变你的喜好。

自Drupal 4.7以来发生了很多事情，我不希望你使用它。插入span标签非常容易：

function your_theme_name_menu_item_link($link) {
  if (empty($link['localized_options'])) {
    $link['localized_options'] = array();
  }
  $link['localized_options']['html'] = TRUE;
  return l('<span>' . $link['title'] . '</span>', $link['href'], $link['localized_options']);
}

我对此进行了测试，效果很好。

Drupal在Nice菜单中的A标签内添加Span

1 个答案: