时间戳

首页 > 解决方案 > 选项卡式菜单 - 如果列表项处于活动状态，则在子菜单旁边的额外 `div` 中显示页面摘录

javascript - 选项卡式菜单 - 如果列表项处于活动状态，则在子菜单旁边的额外 `div` 中显示页面摘录

问题描述

我有一个下拉菜单，其中包含用作标签的 WP 页面。- https://www.zzpstart.nl/

如果您单击右侧左侧的“Bankzaken”，您将ul显示子菜单项，效果非常好！但是，在“家庭促销”旁边div，我想获取父页面“Bankzaken”的页面摘录，并带有指向该页面的链接。我希望这很清楚。

提前致谢！

标签： javascriptwordpress

解决方案

我认为您应该将左侧的bankzaken、belasting和network选项卡设为静态。

然后为静态项目添加菜单位置，如下所示：

add_action('init', 'zzp_register_menus');
function zzp_register_menus()
{
  register_nav_menu('bankzaken-menu', __('Bankzaken Menu'));
  register_nav_menu('belasting-menu', __('Belasting Menu'));
}

在 WordPress 中，您可以为这些位置创建菜单（bankzaken、belasting、enz）

要按位置获取项目，请使用以下函数：

/**
 * Get nav menu items by location
 *
 * @param $location The menu location id
 */
function get_nav_menu_items_by_location( $location, $args = [] ) {

    // Get all locations
    $locations = get_nav_menu_locations();

    // Get object id by location
    $object = wp_get_nav_menu_object( $locations[$location] );

    // Get menu items by menu name
    $menu_items = wp_get_nav_menu_items( $object->name, $args );

    // Return menu post objects
    return $menu_items;
}

Javascript 可能是检查哪个选项卡处于活动状态的好主意。

我希望这有帮助，让我知道

推荐阅读