Spec-Zone.ru › jQuery

jQuery.fx.off

jQuery.fx.offВозвращает: Булево

Описание: Глобальная отмена всех анимаций.

  • версия добавлена: 1.3jQuery.fx.off

Когда это свойство установлено в true, все методы анимации немедленно устанавливают элементы в их конечное состояние при вызове, а не отображают эффект. Это может быть желательно по нескольким причинам:

  • jQuery используется на устройстве с низкими ресурсами.
  • Пользователи сталкиваются с проблемами доступности из-за анимаций.

Анимации можно включить, установив свойство в false.

Пример:

Переключение анимации включено/выключено

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery.fx.off demo</title>
  <style>
  div {
    width: 50px;
    height: 30px;
    margin: 5px;
    float: left;
    background: green;
  }
  </style>
  <script src="https://code.jquery.com/jquery-3.7.0.js"></script>
</head>
<body>
 
<input type="button" value="Run">
<button>Toggle fx</button>
<div></div>
 
<script>
var toggleFx = function() {
  $.fx.off = !$.fx.off;
};
toggleFx();
$( "button" ).on( "click", toggleFx );
$( "input" ).on( "click", function() {
  $( "div" ).toggle( "slow" );
} );
</script>
 
</body>
</html>

Демо:

© The jQuery Foundation and other contributors
Licensed under the MIT License.
https://api.jquery.com/jQuery.fx.off

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API