jQWidgets jqxMenu closeItem() 方法介绍

简介

closeItem() 方法是 jQWidgets jqxMenu 组件提供的一个方法，可用于关闭特定项（item）的菜单（menu）。当用户单击该菜单项时，它将关闭菜单。该方法可以通过调用 jQWidgets jqxMenu 实例的 closeItem() 方法进行调用。

语法

closeItem(item: HTMLElement | string): void

参数

该方法需要传递一个参数，即要关闭的菜单项的 HTML 元素或 HTML 元素的 ID。

item

要关闭的 HTML 元素或元素的 ID。

返回值

该方法没有返回值。

示例

HTML 代码

<div id="jqxMenu">
    <ul>
        <li><a href="#">菜单项 1</a></li>
        <li><a href="#">菜单项 2</a></li>
        <li><a href="#">菜单项 3</a></li>
        <li><a href="#">菜单项 4</a></li>
    </ul>
</div>

JavaScript 代码

// 初始化 jQWidgets jqxMenu 组件
$('#jqxMenu').jqxMenu();

// 选中要关闭的菜单项
const item = $('#jqxMenu li:eq(2)')[0];

// 调用 closeItem() 方法关闭菜单项
$('#jqxMenu').jqxMenu('closeItem', item);

注意事项

• 该方法只能用于关闭具有子菜单的项目。
• 如果要关闭的菜单项没有子菜单，该方法将不起作用。
• 如果要关闭的菜单项未打开，该方法将不起作用。

参考链接

• jQWidgets jqxMenu closeItem() 方法文档