如何从引导下拉菜单中删除data-Target=“#”?

时间:2014-06-19 作者:turtledropbomb

我用wordpress创建了一个超大菜单。我正在处理的主题恰巧使用了bootstrap,在我的菜单中添加了很多奇怪的东西,其中一件看起来很奇怪的事情是它添加了一个data-target="#" 到我的父菜单项,这基本上使它们作为链接无用。

这可能对一些人有用,但我正试图让这些链接可以点击,因为孩子们总是被显示出来。

这是我的菜单脚本:

<?php wp_nav_menu(
  array(
      \'theme_location\' => \'primary\',
      \'container_class\' => \'collapse navbar-collapse navbar-responsive-collapse\',
      \'menu_class\' => \'nav navbar-nav\',
      \'fallback_cb\' => \'\',
      \'menu_id\' => \'main-menu\',
      \'walker\' => new wp_bootstrap_navwalker()
  )
); ?>
有人知道如何删除此功能吗?

1 个回复
SO网友:Eric Holmes

您的选项如下:

展开助行器并更改输出(覆盖start_el 函数)假设您使用的是引导式助行器,下面是助行器的一个示例。

用法:

  \'walker\' => new se150102_bootstrap_walker()
步行者:

class se150102_bootstrap_walker extends wp_bootstrap_navwalker  {
/**
     * This walker is identical to the parent start_el() function, except
     * it does not put href="#" for parent elements.
     *
 * @see wp_bootstrap_navwalker::start_el()
 * @since 3.0.0
 *
 * @param string $output Passed by reference. Used to append additional content.
 * @param object $item Menu item data object.
 * @param int $depth Depth of menu item. Used for padding.
 * @param int $current_page Menu item ID.
 * @param object $args
 */
public function start_el( &$output, $item, $depth = 0, $args = array(), $id = 0 ) {
    $indent = ( $depth ) ? str_repeat( "\\t", $depth ) : \'\';

    /**
     * Dividers, Headers or Disabled
     * =============================
     * Determine whether the item is a Divider, Header, Disabled or regular
     * menu item. To prevent errors we use the strcasecmp() function to so a
     * comparison that is not case sensitive. The strcasecmp() function returns
     * a 0 if the strings are equal.
     */
    if ( strcasecmp( $item->attr_title, \'divider\' ) == 0 && $depth === 1 ) {
        $output .= $indent . \'<li role="presentation" class="divider">\';
    } else if ( strcasecmp( $item->title, \'divider\') == 0 && $depth === 1 ) {
        $output .= $indent . \'<li role="presentation" class="divider">\';
    } else if ( strcasecmp( $item->attr_title, \'dropdown-header\') == 0 && $depth === 1 ) {
        $output .= $indent . \'<li role="presentation" class="dropdown-header">\' . esc_attr( $item->title );
    } else if ( strcasecmp($item->attr_title, \'disabled\' ) == 0 ) {
        $output .= $indent . \'<li role="presentation" class="disabled"><a href="#">\' . esc_attr( $item->title ) . \'</a>\';
    } else {

        $class_names = $value = \'\';

        $classes = empty( $item->classes ) ? array() : (array) $item->classes;
        $classes[] = \'menu-item-\' . $item->ID;

        $class_names = join( \' \', apply_filters( \'nav_menu_css_class\', array_filter( $classes ), $item, $args ) );

        if ( $args->has_children )
            $class_names .= \' dropdown\';

        if ( in_array( \'current-menu-item\', $classes ) )
            $class_names .= \' active\';

        $class_names = $class_names ? \' class="\' . esc_attr( $class_names ) . \'"\' : \'\';

        $id = apply_filters( \'nav_menu_item_id\', \'menu-item-\'. $item->ID, $item, $args );
        $id = $id ? \' id="\' . esc_attr( $id ) . \'"\' : \'\';

        $output .= $indent . \'<li\' . $id . $value . $class_names .\'>\';

        $atts = array();
        $atts[\'title\']  = ! empty( $item->title )   ? $item->title  : \'\';
        $atts[\'target\'] = ! empty( $item->target )  ? $item->target : \'\';
        $atts[\'rel\']    = ! empty( $item->xfn )     ? $item->xfn    : \'\';

        // If item has_children add atts to a.
        if ( $args->has_children && $depth === 0 ) {
            $atts[\'href\']           = ! empty( $item->url ) ? $item->url : \'#\';
            $atts[\'data-toggle\']    = \'dropdown\';
            $atts[\'class\']          = \'dropdown-toggle\';
            $atts[\'aria-haspopup\']  = \'true\';
        } else {
            $atts[\'href\'] = ! empty( $item->url ) ? $item->url : \'\';
        }

        $atts = apply_filters( \'nav_menu_link_attributes\', $atts, $item, $args );

        $attributes = \'\';
        foreach ( $atts as $attr => $value ) {
            if ( ! empty( $value ) ) {
                $value = ( \'href\' === $attr ) ? esc_url( $value ) : esc_attr( $value );
                $attributes .= \' \' . $attr . \'="\' . $value . \'"\';
            }
        }

        $item_output = $args->before;

        /*
         * Glyphicons
         * ===========
         * Since the the menu item is NOT a Divider or Header we check the see
         * if there is a value in the attr_title property. If the attr_title
         * property is NOT null we apply it as the class name for the glyphicon.
         */
        if ( ! empty( $item->attr_title ) )
            $item_output .= \'<a\'. $attributes .\'><span class="glyphicon \' . esc_attr( $item->attr_title ) . \'"></span>&nbsp;\';
        else
            $item_output .= \'<a\'. $attributes .\'>\';

        $item_output .= $args->link_before . apply_filters( \'the_title\', $item->title, $item->ID ) . $args->link_after;
        $item_output .= ( $args->has_children && 0 === $depth ) ? \' <span class="caret"></span></a>\' : \'</a>\';
        $item_output .= $args->after;

        $output .= apply_filters( \'walker_nav_menu_start_el\', $item_output, $item, $depth, $args );
    }
}
2。使用JavaScript。

jQuery中的示例

$(\'#main-menu a\').each(function(){
    $(this).removeAttr(\'data-target\');
});

结束

相关推荐

How to add taxonomy in menus?

书籍(自定义帖子类型)小说(税)科学(税)历史(税)--书籍体裁(税务)小说(术语)科学(学期)历史(学期)以下哪一项是做这件事的“好方法”?对于前一个(这是我目前在管理菜单中的功能,我为每个功能都提供了“register\\u taxonomy”功能),我无法选择要在菜单中显示的“Tax”。而对于后者,我可以将它们添加到菜单中,只需要一个“register\\u taxonomy”函数。