Параметр скрытия всплывающих подсказок пользовательского интерфейса jQuery

Пользовательский интерфейс jQuery состоит из виджетов графического интерфейса, визуальных эффектов и тем, реализованных с использованием jQuery, CSS и HTML. jQuery UI отлично подходит для создания интерфейсов пользовательского интерфейса для веб-страниц. Виджет всплывающей подсказки пользовательского интерфейса jQuery помогает нам добавлять новые темы и позволяет настраивать их. В этой статье мы увидим, как использовать скрытие параметр во всплывающей подсказке пользовательского интерфейса jQuery. Скрыть Опция используется для добавления эффекта анимации при скрытии во всплывающей подсказке. По умолчанию значение равно True.

Синтаксис:

$( ".selector" ).tooltips(
   { hide : true }
);

Параметры:

• Boolean: если установлено значение false, эффект скрытия отсутствует.
• Число: время (мс), по истечении которого всплывающие подсказки будут скрыты.
• Строка: Строка используется для выбранного эффекта скрытия всплывающей подсказки. Эффект будет использоваться для скрытия с использованием продолжительности и плавности по умолчанию.
• Объект: всплывающая подсказка скрыта с использованием объекта в качестве значения, где предоставляются свойства эффекта, замедления, продолжительности и задержки .

Подход:

• Сначала добавьте сценарии пользовательского интерфейса jQuery, необходимые для вашего проекта.

<link href=”https://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css” rel=”stylesheet”>

<script src=”https://code.jquery.com/jquery-1.10.2.js”></script>

<script src=”https://code.jquery.com/ui/1.10.4/jquery-ui.js”></script>

Пример 1: В следующем примере демонстрируется параметр скрытия с логическим типом для всплывающей подсказки.

Выход:

При нажатии на ссылку Tooltips мы получаем следующую всплывающую подсказку в качестве вывода.

This is a tooltip

Пример 2: В следующем примере показано скрытие всплывающей подсказки с эффектом анимации разнесения на 400 мс. Здесь показано использование параметра разнесения как строки и 400 мс как числа .

Выход:

Пример 3: В следующем примере демонстрируется анимация скрытия с параметром slideUp в течение 200 мс.

Выход:

Ссылка: https://api.jqueryui.com/category/widgets/