Javascript 为什么瓷砖上的某些点会破坏动画？

我甚至不知道从哪里开始。我甚至不知道什么坏了。它只是坏了。标题下方有5个平铺。在这些平铺上的特定点（我指的是特定点）中，当您单击时，它会打断动画并导致描述div过早出现。我不知道是什么引起的。我无法告诉您在何处单击以实现这一点，因为斑点会根据分辨率和浏览器的不同而变化。我已经在Chrome和Firefox上解决了这个问题，我想IE和Opera也会解决这个问题

如果你在1080p显示器上运行Chrome或Firefox，那么你应该点击第二个互动程序，然后点击“小”这个词。

---

编辑7/31/14:在1920x1080上，所有更新的浏览器都会出现此问题。

在Opera 21、screen res 1600x900上对我非常有效。我的同事正在运行1600x900，他在Chrome和Firefox上成功地做到了这一点。我要考歌剧。

function bannerFader(currentBanner, otherBanners, expandButton, appendInfo){
var disableHover = false;

    $('.append-product-button').hide();
    $(currentBanner).mouseenter(function(){
        if (disableHover == false) {
            $(otherBanners).stop('hoverEvent');
            $(otherBanners).fadeTo(200, .8).queue(null,'hoverEvent');
            $(otherBanners).dequeue();
        }
    });
    $(currentBanner).mouseleave(function(){
        if (disableHover == false) {
            $(otherBanners).stop('hoverEvent');
            $(otherBanners).fadeTo(200, 1).queue('hoverEvent');
            $(otherBanners).dequeue();
        };
    });
    $(expandButton).click(function(){
        disableHover = true;
        $(otherBanners).hide(200, function(){
            $(appendInfo).show(500)
            $('.banner-button').hide();
            $('.append-product-button').show();
        });
    });
    $('#sub, #heading, .append-product-button').click(function(){
        if (disableHover == true) {
            $(appendInfo).hide(300,function(){
                $(otherBanners).show(200);
                $('.banner-one, .banner-two, .banner-three, .banner-four, .banner-five').fadeTo(0, 1);
                $('.banner-button').show();
                disableHover = false;
            });

        };
    });
};

function autoRunner() {
    bannerFader('.banner-one', '.banner-two, .banner-three, .banner-four, .banner-five', '.banner-one','.append-one')
    bannerFader('.banner-two', '.banner-one, .banner-three, .banner-four, .banner-five', '.banner-two','.append-two')
    bannerFader('.banner-three', '.banner-two, .banner-one, .banner-four, .banner-five', '.banner-three','.append-three')
    bannerFader('.banner-four', '.banner-two, .banner-three, .banner-one, .banner-five', '.banner-four','.append-four')
    bannerFader('.banner-five', '.banner-two, .banner-three, .banner-four, .banner-one', '.banner-five','.append-five')
};