📜  EasyUI jQuery 工具提示小部件

📅  最后修改于: 2022-05-13 01:55:58.422000             🧑  作者: Mango

EasyUI jQuery 工具提示小部件

在本文中,我们将学习如何使用 jQuery EasyUI 设计工具提示小部件。 EasyUI 是一个 HTML5 框架,用于使用基于 jQuery、React、Angular 和 Vue 技术的用户界面组件。它有助于为交互式 Web 和移动应用程序构建功能,为开发人员节省大量时间。

下载 jQuery 的 EasyUI:

https://www.jeasyui.com/download/index.php

句法:

var a = $(".selector").tooltip({

});

特性:

  • position:此属性是工具提示位置。
  • content:此属性是工具提示内容。
  • trackMouse:此属性启用 工具提示随鼠标移动。
  • deltaX:此属性是距工具提示位置的水平距离。
  • deltaY:此属性是与工具提示位置的垂直距离。
  • showEvent:此属性使工具提示出现。
  • hideEvent:此属性使工具提示消失。
  • showDelay:此属性是显示工具提示的时间延迟。
  • hideDelay:该属性是隐藏工具提示的时间延迟。

方法:

  • destroy:此方法会销毁工具提示。
  • 重新定位:此方法 重置工具提示位置。
  • update:此方法更新工具提示内容。
  • hide:此方法隐藏工具提示。
  • show:此方法显示工具提示
  • 箭头:此方法返回箭头对象。
  • 提示:此方法返回提示对象。
  • 选项:这将返回选项属性。

事件:



  • onDestroy:当工具提示被销毁时触发此事件。
  • onPosition:当工具提示位置改变时触发此事件。
  • onUpdate:当工具提示内容更新时触发此事件。
  • onHide:隐藏工具提示时触发此事件。
  • onShow :显示工具提示时触发此事件。

CDN 链接:首先,添加项目所需的 jQuery Easy UI 脚本。

例子:

HTML
 
 
  
 
     
     
              
    
     
  
     
  
     
  
    
     
  
    
     
      
    
     
  
    

GeeksforGeeks

    

Easy UI | tooltip widget

                          Hover me     


输出:

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