Question

我的div标签包含一个droplist。当鼠标悬停时，div从右向左滑动，在div标签滑动之后我选择droplist然后div标签自动滑动到左边。那只会出现FireFox，IE。

这是测试的链接：http://jsfiddle.net/meoghe/DtYQL/54/

    function bindhover()
{
    $('#style-demo').hover(function() {
        }, function () {

            $(this).animate({
                            right: "-600px"
                        });
            //if(!$(".drlIndustry").is(":focus"))
           //{

            //}

        });
}
    $(document).ready(function(){

        $('#style-demo').find("a.close").hover(function () {
            $('#style-demo').animate({
                right: "-200px"
            });
        });

        bindhover();
    });

Answer 1

如果这是您的问题，请尝试使用css3。 css3更可靠，编码更少。

查看http://jsfiddle.net/amostk/DtYQL/56/

Answer 2

您应该使用mouseenter和mouseleave。但我建议使用Stanley.

的CSS3解决方案

JS Solution @ Fiddle

$(function() {

    var $styleDemo = $('#style-demo');
    var originalRight = $styleDemo.css('right');

    $styleDemo
    .on('mouseleave', function() {
        console.log($styleDemo, originalRight);
        $styleDemo.animate({
            right: originalRight
        });
    })
    .on('mouseenter', function () {
        $styleDemo.stop(true).animate({
            right: "-200px"
        });
    });

});

在droplist上选择时，错过了div的hover事件

2 个答案: