using the :not selecter
using the :not selecter
Hi.
I am using the jFade plugin for hover effects on links.
However I dont want to apply the effect to links that are currently active.
So I am trying to exclude the active links like this:
-
/* First I get the the value of the active link */
var pathName = window.location.pathname.substr(1)
/* Then I use the :not selector to exclude all active links */
$("a:not(a[href='pathName'])").jFade({
/* Then jFade creates the hover effect. */
trigger: "mouseover",
property: 'color',
start: '3a3939',
end: '8caac3',
steps: 15,
duration: 7
}).jFade({
trigger: "mouseout",
property: 'color',
start: '8caac3',
end: '3a3939',
steps: 15,
duration: 7
});
The problem is that the effect is applied to all links and that the active link is not excluded. So I guess the problem is in this line:
$("a:not(a[href='pathName'])")
Any suggestions on how to solve this?
Thanks.