1

我的主菜单中有两个不同的子菜单。我不希望我的助行器在两个子菜单上都有相同的输出，因为我要在每个子菜单按钮上实现两个不同的功能。

如何获得两个不同的输出，以便例如<button @click="function1">First Button</button>在第一个子菜单和<button @click="function2">Second Button</button>第二个子菜单上输出？

菜单.php

<?php wp_nav_menu(array(
        'menu'       => 'Main Navigation',
        'container'  => false,
        'items_wrap' => '<ul class="main-menu">%3$s</ul>',
        'walker'         => new m2o_walker_nav_menu()
));

函数.php

class m2o_walker_nav_menu extends Walker_Nav_Menu {

public function start_lvl(&$output, $depth = 0, $args = array())
    {
        $indent = str_repeat("\t", $depth);
        $output .= "\n$indent<button>First Button</button><ul class=\"sub-menu\">\n";
    }

public function end_lvl( &$output, $depth) {
        $indent = str_repeat("\t", $depth);
        $output .= "$indent</ul>\n";
    }
}

我尝试将条件与$depth. 但它似乎是相同的深度，因此两者的输出将是相同的。有谁知道为什么$depth不能正常工作？

4

1 回答 1

0

如果我理解正确，您想输出与菜单条目深度相关的不同按钮。我想以最简单的方式，您可以检查$depth变量并更改按钮的文本。

快速解决方案：

public function start_lvl(&$output, $depth = 0, $args = array()) {
    $indent = str_repeat("\t", $depth);
    $buttontext = 'First Button';

    if ($depth == 2) {
        $buttontext = 'Second Button';
    }

    if ($depth == 3) {
        $buttontext = 'Third Button';
    }

    if ($depth == 4) {
        $buttontext = 'Fourth Button';
    }

    $output .= "\n$indent <button>$buttontext</button><ul class=\"sub-menu\">\n";
}

您可以使用更多变量来扩展它（例如 onClick 操作）。或者更简洁的方法是在 m2o_walker_nav_menu 中创建一个新方法，该方法根据其深度返回代表按钮变量。

清洁剂解决方案：

public function start_lvl(&$output, $depth = 0, $args = array()) {
    $indent = str_repeat("\t", $depth);
    $buttondata = self::getButtonData($depth);

    $output .= "\n" . $indent . "<button onClick='" . $buttondata['action'] . "'>" . $buttondata['text'] . "</button><ul class=\"sub-menu\">\n";
}

public static function getButtonData($depth) {

    $buttons = [
        [
            'text' => 'First Button',
            'action' => 'myFirstFunction'
        ],
        [
            'text' => 'Second Button',
            'action' => 'mySecondFunction'
        ],
        [
            'text' => 'Third Button',
            'action' => 'myThirdFunction'
        ]
    ];

    return $buttons[$depth];
}

请记住，这是未经测试的，因为我没有安装 wordpress。

我希望这会有所帮助。

于 2019-02-27T14:44:13.870 回答