是否可以在仍然悬停时根据条件取消悬停事件？

Question

我需要让执行函数的悬停事件根据 margin-top 的条件停止运行该函数。

这是我的小提琴 - http://jsfiddle.net/Joe_Foster/LwrVv/

$(document).ready(function(){

function moveUp(){
$('#a').animate({
    "margin-top" : "-=" + 30},200, "linear", moveUp);
};
/*  $('.up').hover(function(){
    if ($m =='0px'){
    alert('stop');
    }
    else{
        moveUp();
    }
});
*/
$('.up').hover(function(){
    moveUp();
},
function(){
    $('#a').stop();
});


//---------------------------------------

function moveDown(){
$('#a').animate({
    "margin-top" : "+=" + 30},200, "linear", moveDown);
};
$('.down').hover(function(){
    moveDown();
},
function(){
    $('#a').stop();
});

});

在我眼睛里的血管爆裂之前请帮帮我:)

谢谢。

Answer 1

我只是在看你的 JS Fiddle，虽然我不确定你希望停止什么值，但这是我用来使它工作的代码：

JS：

    var upperThreshold = -607;
    var lowerThreshold = 0;
    function moveUp()
    {
        if ($("#a").css("marginTop").replace(/px/,'') <= upperThreshold)
        {
            console.log($("#a").css("marginTop"));
            $('#a').stop();
            return false;
        }
        else
        {
            $('#a').animate({"margin-top" : "-=" + 30},200, "linear", moveUp);
        }
    }

    function moveDown()
    {
        if ($("#a").css("marginTop").replace(/px/,'') >= lowerThreshold)
        {
            console.log($("#a").css("marginTop"));
            $('#a').stop();
            return false;
        }
        else
        {
            $('#a').animate({"margin-top" : "+=" + 30},200, "linear", moveDown);
        }        
    }

$(document).ready(function()
                  {

                      $('.down').hover(function()
                                       {
                                           moveDown();
                                       },
                                       function()
                                       {
                                           $('#a').stop();
                                       }
                                      );

                      $('.up').hover(function()
                                     {
                                        moveUp();
                                     },
                                     function()
                                     {
                                        $('#a').stop();
                                     }
                                    );
});

JSFiddle：http://jsfiddle.net/irishgeek82/ePdE5/

如果这对你有用，请告诉我！ :)