jquery - Jquery 动画和指针事件：无

Question

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

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

这是小提琴：http: //jsfiddle.net/4hWbP/ 问题是，如果我在覆盖的 div (.thumbstxt2) 上删除 pointer-events:none，它会干扰悬停并且动画会出现错误。由于 IE 不支持指针事件，有没有办法解决这个问题。也许是一个不同的 jquery 代码，我在这里有点菜鸟。

PS：我也试过这个，但没用：http: //jsfiddle.net/6PesR/1/

谢谢！

Answer 1

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

演示

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);

        });
    });

});