Próbuję uniemożliwić przeglądarce korzystanie z :hover
efektu CSS za pomocą JavaScript.
Po ustawieniu a
i a:hover
style w moim CSS, ponieważ chcę skutek najechania, jeśli JS nie jest dostępna. Ale jeśli JS jest dostępny, chcę nadpisać mój efekt najechania kursorem CSS na płynniejszy (na przykład używając wtyczki kolorów jQuery).
Próbowałem tego:
$("ul#mainFilter a").hover(
function(e){ e.preventDefault(); ...do my stuff... },
function(e){ e.preventDefault(); ...do my stuff... });
Próbowałem też z tym return false;
, ale to nie działa.
Oto przykład mojego problemu: http://jsfiddle.net/4rEzz/ . Łącze powinno po prostu zniknąć bez szarzenia.
Jak wspomniał Fudgey, obejściem byłoby zresetowanie stylów aktywowania przy użyciu, .css()
ale musiałbym nadpisać każdą pojedynczą właściwość określoną w CSS (patrz tutaj: http://jsfiddle.net/raPeX/1/ ). Szukam generycznego rozwiązania.
Czy ktoś wie, jak to zrobić?
PS: Nie chcę nadpisywać każdego stylu, który ustawiłem dla najechania.