Триггер css зависает с JS

Я бы знал, возможно ли каким-либо образом активировать эффект CSS HOVER с помощью JS, без необходимости использовать дополнительный класс...

Вот пример того, что я хочу сделать: http://jsfiddle.net/pXbMZ/2/

Я попытался использовать эффект mouseenter(), но это не вызывает эффект наведения CSS.

PS: Я создал функцию, которая помогает пользователю использовать онлайн-CMS. Функция справки показывает, как делать вещи, перемещая изображение вокруг, которое показывает вам, как использовать материал. Виртуальный курсор может щелкнуть материал, показать элементы и т.д. Но я бы хотел, чтобы этот виртуальный курсор изменял эффекты: зависания, установленные в CSS.

Ответ 1

Я знаю, что вы пытаетесь сделать, но почему бы просто не сделать это:

$('div').addClass('hover');

Класс уже определен в вашем CSS...

Что касается вашего первоначального вопроса, он был задан ранее, и, к сожалению, это невозможно. например, http://forum.jquery.com/topic/jquery-triggering-css-pseudo-selectors-like-hover

Однако желаемая функциональность может быть возможной, если ваша таблица стилей определена в Javascript. см.: http://www.4pmp.com/2009/11/dynamic-css-pseudo-class-styles-with-jquery/

Надеюсь это поможет!

Ответ 2

Вы не можете. Это не доверенное событие.

События, которые генерируются пользовательским агентом либо в результате взаимодействия с пользователем, либо как прямой результат изменений в DOM, доверяются пользовательским агентом с привилегиями, которые не предоставляются событиям, генерируемым script через метод DocumentEvent.createEvent( "Событие" ), модифицированный с помощью метода Event.initEvent() или отправленный методом EventTarget.dispatchEvent(). Атрибут isTrusted доверенных событий имеет значение true, а недоверенные события имеют значение атрибута isTrusted false.

Большинство ненадежных событий не должны запускать действия по умолчанию, за исключением щелчков или событий DOMActivate.

Вы должны добавить класс и добавить/удалить его в события mouseover/mouseout вручную.

Боковое замечание, я отвечаю на это здесь после того, как я обозначил этот как дубликат, так как никакой ответ здесь действительно не затрагивает проблему из того, что я вижу. Надеюсь, однажды он будет объединен.

Ответ 3

Я не думаю, что ваше задание возможно.

Смотрите: элемент Hover с помощью JQuery

В принципе, добавление класса - единственный способ добиться этого, о котором я знаю.

Ответ 4

Если вы привязываете события к событиям onmouseover и onmouseout в JQuery, вы можете активировать этот эффект с помощью mouseenter().

Что вы пытаетесь выполнить?