2010-12-03 2 views
54

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

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

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

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

+4

Мне нравилось Винни-Пух, когда я тоже был ребенком ... :) – 2010-12-03 15:43:12

+0

Хм, это работает для меня ... – Blender 2010-12-03 15:46:34

+0

Я _still_ как Винни-Пух. Оригинальный материал A A Milne, т. Е. Не ужасный Disney ублюдок. – Chowlett 2010-12-03 15:47:20

ответ

41

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

$('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/

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

-3

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

Что вы пытаетесь достичь?

6

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

См: Hover Item with JQuery

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

23

Вы не можете. Это не trusted event.

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

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

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


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

Смежные вопросы