Question

The headline says it all, but this won’t work,
The hover function works, no matter the body.

$("#content").on("click", "a.zoom", function(e) {
    $("body").addClass("zoomed");
}
$("#content").on("hover", "body:not(.zoomed) a.animation", function(e) {
    //stuff
}

I also tried the other way around, but I dont get it.

$("body:not(.zoomed) #content").on("hover", "a.animation", function(e) {
    //stuff
}

Answer 1

ok. after finding out i was fiddleing in the wrong function i still couldnt get this to work, due to the hover event.

this turns out nothing (this one isnt even checking for the body class):

$("#content").on("hover", "a.backgroundSwitch", function(e) {
    console.log("hello?");
}, function() {
    console.log("bello!");
});

so i used the solution of Richard Neil Ilagan unsing the mouseover & out events.

$("#content").on("mouseover", "body:not(.zoomed) a.backgroundSwitch", function() {
    console.log("hello");
}).on("mouseout", "body:not(.zoomed) a.backgroundSwitch", function() {
    console.log("bello");
});

thanks for all the help!