jQuery UI 工具提示 close() 方法(1)

📌 相关文章

📜 jQuery UI 工具提示 close() 方法(1)

📅 最后修改于: 2023-12-03 15:16:45.723000 🧑 作者: Mango

jQuery UI 工具提示 close() 方法

简介

close() 是 jQuery UI 工具提示组件中的一个方法，用于关闭当前打开的工具提示。工具提示可以是通过 tooltip() 方法创建的。该方法可以通过 jQuery 对象或 DOM 元素上的 tooltip 属性来调用。

用法

$(selector).tooltip('close');

其中，selector 是要关闭工具提示的元素。

示例

在以下示例中，我们创建一个带有工具提示的按钮。当鼠标移动到按钮上时，工具提示将打开。单击按钮时，将调用 close() 方法关闭工具提示。

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>jQuery UI 工具提示 close() 方法示例</title>
  <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
  <script>
  $(function() {
    $( "#btn" ).tooltip();
    $( "#closeBtn" ).click(function() {
      $( "#btn" ).tooltip("close");
    });
  });
  </script>
</head>
<body>
 
<p>
  <button id="btn" title="这是一个工具提示">鼠标移动到这里</button>
</p>
 
<button id="closeBtn">关闭工具提示</button>
 
</body>
</html>

当单击“关闭工具提示”按钮时，工具提示将会关闭。

注意事项

该方法只能关闭当前打开的工具提示，如果没有打开的工具提示，将不会有任何效果。
如果你想一次关闭所有打开的工具提示，可以使用全局 $(document).tooltip("close")。
如果工具提示内容是通过 AJAX 载入的，关闭工具提示时必须等待 AJAX 请求完成，否则工具提示可能不会关闭。

总结

close() 方法是 jQuery UI 工具提示组件中的一个实用方法，它可以很方便地关闭当前打开的工具提示。在需要关闭工具提示时，可以方便地使用该方法，从而提高应用程序的用户体验。