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 脚本。

例子：

HTML

  
    
    
  
    
    
  
    
  
    
  
    
    
    
  
    
    
    
  
    
    
    
  
    
      $(document).ready(function () {
        $("#gfg").menubutton({
          disabled: true,
        });
      });
    
  
  
  
    GeeksforGeeks
    EasyUI jQuery menubutton widget
  
    Menu 1
  

输出：

菜单按钮

参考： http://www.jeasyui.com/documentation/