Question

我想在jQuery中创建.mouseover和.mouseleave函数来制作像facebook一样的盒子，并且坚持下去。（不能使用切换，因为我有div与fb插件，div与fb图标作为触发器。都在滑块div中）

这是有效的：

   $(document).ready(function () {
        $('.slider').mouseover(function () {
            $(this).animate({ left: "+250px"
            });
        });
    });

虽然不是这样：

$(document).ready(function () {
        $('.slider').mouseover(function () {
            $(this).animate({ left: "+250px"
            }).mouseout(function (){
            $(this).animate({ left: "-250px" });
        });
    });

看起来很长，并没有看到这个没有错。（在stackoverflow上搜索了许多jQuery主题）。

Answer 1

首先......你需要.stop上一个动画......第二个......使用mouseleave和mouseenter ......

$(document).ready(function () {
        $('.slider').mouseenter(function () {
            $(this).stop(true,true).animate({ left: "+250px"});
        }).mouseleave(function (){
            $(this).stop(true,true).animate({ left: "-250px" });
        });
    });

在你的代码中，括号内的答案似乎有问题......

jQuery：mouseout无法正常工作。滑动面板

1 个答案: