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/