mouseleave时停止mouseenter动画

您好我正在使用Jquery Flip插件 - http://lab.smashup.it/flip/

我有这个代码执行悬停翻转。 当鼠标输入时，'.container'在背面。 当mouseleave'.container'在正面时。

当鼠标在鼠标中弹出“.container”动画之前，“.container”不会在正面翻转。 发生这种情况时，我需要停止翻转。 我将如何实现这一目标？ 我会用'stop（true，false）'还是我写'if（$（this）.is（“：animated”））{} ...'或'var hovering = 0; $（“。container”）。hover（function（）{hovering = 1;}，function（）{hovering = 0;}）; .. etc'

请帮忙。 谢谢。

$('.container').bind("mouseenter", function() {
    var elem = $(this);
    if (elem.data('flipped')) {} else {
        elem.flip({
            direction: 'lr',
            speed: 500,
            onBefore: function() {
                elem.html(elem.siblings('.content').html());
            },
            onAnimation: function() {
                elem.data('flipped', true);
            },
            onEnd: function() {}
        });
    }
});
$('.container').bind("mouseleave", function() {
    var elem = $(this);
    if (elem.data('flipped')) {
        elem.flip({
            direction: 'rl',
            speed: 500,
            onBefore: function() {
                elem.html(elem.siblings('.initContent ').html());
            },
            onAnimation: function() {
                elem.data('flipped', false);
            },
            onEnd: function() {}
        });
    }
});​

---

大家好，我从来没有想过我想出了一个稍微不同的解决方案，它隐藏了其他没有悬停的div。 感谢那些阅读我的问题的人。

  $(".container").each(function(i){
        $(".container").not($(this)).mouseenter(function() {
        $(".container").eq(i).trigger("mouseleave",[true]);
        });
  });

链接地址: http://www.djcxy.com/p/80905.html

上一篇: Stop mouseenter animation when mouseleave

下一篇: jquery ui dialog: possible to create a list element on close?