jQuery EasyUI 菜单按钮小部件
EasyUI 是一个 HTML5 框架,用于使用基于 jQuery、React、Angular 和 Vue 技术的用户界面组件。它有助于为交互式 Web 和移动应用程序构建功能,为开发人员节省大量时间。
在本文中,我们将学习如何使用 jQuery EasyUI 设计菜单按钮。菜单按钮是下拉菜单的一部分。它与链接按钮和菜单相关联。隐藏菜单时显示链接按钮。
EasyUI for jQuery 下载:
https://www.jeasyui.com/download/index.php
句法:
特性:
- 普通:设置为真以显示普通效果。
- menu:创建相应菜单的选择器。
- menuAlign:设置顶层菜单的对齐方式。
- 持续时间:它以毫秒为单位定义持续时间
- showEvent:导致菜单出现的事件。
- hideEvent:导致菜单消失的事件。
- hasDownArrow:它定义了 显示向下箭头图标。
方法:
- 选项:它返回选项对象。
- disable:禁用菜单按钮。
- enable :它启用菜单按钮。
- destroy:它销毁菜单按钮。
CDN 链接:首先,添加项目所需的 jQuery Easy UI 脚本。
例子:
输出:
参考: http://www.jeasyui.com/documentation/