Плагин для CSS-переходов через jQuery addClass? - PullRequest
Новая
       11

Плагин для CSS-переходов через jQuery addClass?

1 голос
/ 30 июня 2011

Я ищу библиотеку, которая позволила бы мне легко использовать CSS-переходы с помощью функций jQuery addClass / removeClass / toggleClass. я хочу, чтобы эти функции ничего не делали (кроме простого добавления класса CSS) в webkit, но использовали анимацию jQuery в IE. jQueryUI заменяет эти 3 функции и приближается к тому, что мне нужно, но работает только с точным элементом (например, $('#myID').addClass('foo'); не анимирует #myID.foo .someClass)

Я оглянулся и не могу найти ничего, что делает это, надеюсь, кто-то знает об этом :) Если нет, решение требует:

  1. парсинг всех таблиц стилей на странице для свойств CSS-перехода
  2. сопоставление всех таблиц стилей с переходами (например, -webkit-transition)
  3. хранение этих таблиц стилей
  4. на addClass и т. Д. Соответствуют току и по дереву (например, .addedClass .someOtherClass)
  5. применять анимацию ко всем соответствующим элементам (или к правилу стиля)

Так что, если кто-нибудь знает о каких-либо существующих решениях для анализа таблиц стилей (их текста) или для анимации правила (вместо отдельных узлов), это также будет полезно.

1 Ответ

1 голос
/ 08 июня 2012

выглядит так, как будто вы хотите что-то вроде jQuery ++

jQuery.animate перезаписывает $ .fn.animate для использования анимаций CSS 3, если это возможно.Он принимает те же аргументы, что и исходный $ .fn.animate, и будет возвращаться к анимации JavaScript jQuery, если анимация CSS невозможна.

предложенный вами подход кажется мне немного сложным, номожет кто-нибудь придумает решение для этого;)

...