javascript - 如何使悬停监听器可选

Question

我遇到了一些困难，有人可以为我指出这个 fiddle 的正确方向吗？

我需要 div 在悬停时设置动画，但前提是 .isDown 类已通过单击功能添加到不同的元素。

Fiddle

$(".move").click( function(event){
event.preventDefault();
if ($(this).hasClass("isDown") ) {
    $(this).stop().animate({opacity:"0.5"}, 270);
    $(this).removeClass("isDown");
            
            //can put hover in here????
} else {
    $(this).stop().animate({opacity:"1"}, 300);
    $(this).addClass("isDown");
}
return false;
});

if ($(".move").hasClass("isDown")){

$(".funnyMOVE").hover(
   function() {
       $(this).stop().animate({top:"10px"},215);
   }, 
   function() {
       $(this).stop().animate({top:"0px"},230);
});

}

Answer 1

在hover函数中使用相同的条件。您只需根据条件将事件绑定(bind)到 DOM 中。因此，事件永远不会绑定(bind)，因为开始条件为 false。

$(".fuckerMOVE").hover(

function () {
    if ($(".move").hasClass("isDown")) {
        $(this).stop().animate({
            top: "10px"
        }, 215);
    }
},

function () {
    if ($(".move").hasClass("isDown")) {
        $(this).stop().animate({
            top: "0px"
        }, 230);
    }
});

<强> Check Fiddle