Question

我在悬停时在容器中的两个不同div上有两个动画。

<div class="thumbbox">
    <div class="thumbimg hover"></div>
    <div class="thumbtxt2"></div>
</div>

这是小提琴：http://jsfiddle.net/4hWbP/ 问题是，如果我在覆盖div（.thumbstxt2）上删除指针事件：无，它干扰了悬停，动画也变得越来越糟糕。由于IE不支持指针事件，有没有办法解决这个问题。也许是一个不同的jquery代码，我在这里是一个菜鸟。

PS：我也尝试了这个，但它不起作用： http://jsfiddle.net/6PesR/1/

谢谢！

Answer 1

将类.hover放在容器上，然后使用以下代码段：

DEMO

var $j = jQuery.noConflict();

$j(document).ready(function () {

    //THUMBNAIL HOVER
    $j(function () {
        $j(".hover").css("opacity", "1");

        $j(".hover").hover(function () {

            $j(this).find('.thumbimg').stop().animate({
                opacity: .5
            }, 200);

            $j(this).find('.thumbtxt2').stop().animate({
                left: 0
            }, 200);

        },

        function () {
            $j(this).find('.thumbimg').stop().animate({
                opacity: 1
            }, 200);

            $j(this).find('.thumbtxt2').stop().animate({
                left: -220
            }, 200);

        });
    });

});

Jquery动画和指针事件：无

1 个答案: