jQuery UI 工具提示打开事件

jQuery UI 由使用 jQuery、CSS 和 HTML 实现的 GUI 小部件、视觉效果和主题组成。 jQuery UI 非常适合为网页构建 UI 界面。 jQuery UI 工具提示小部件帮助我们添加新主题并允许自定义。在本文中，我们将看到如何在 jQuery UI 工具提示中使用 open 事件。当工具提示在 jQuery UI 中打开时触发open事件。

句法：

$(".selector").tooltip(
   open: function(event, ui) {}
);

参数：此方法不接受任何参数。

CDN链接：

• 首先，添加项目所需的 jQuery UI 脚本。

例子：

HTML

  
    
    
    
    
    
    
  
    GeeksforGeeks
    jQuery UI | Tooltip open event
  
    
      $(function () {
        $("#gfgtt").tooltip({
          track: true,
          open: function (event, ui) {
            console.log("open event is fired");
          },
        });
        $("#gfg").click(function () {
          $("#gfgtt").tooltip("enable");
        });
      });
    
  
  
  
    
     Click here!
  

输出：单击按钮时，将显示工具提示并触发 open 事件，如下所示。

参考： https://api.jqueryui.com/tooltip/#event-open