jQuery - Internet Explorer 7 的兼容性问题？

Question

我有这段代码，当鼠标悬停在图像上时，它会动态地将 Div 向上滑动。它在 Firefox 和 Google Chrome 中完美运行，但在 Internet Explorer 7 中，一切运行非常缓慢，什么也没有发生。

jquery 代码是这样的：

jQuery.fn.masque = function(class) {

$(this).hover(function(){
$(this).find(class).stop().animate({height:'100px',opacity: '0.9'},400);
},function () { 
$(this).find(class).stop().animate({height:'0',opacity: '0'}, 300);
});
}
$(document).ready(function(){$('.thumb').masque('.masque');});

HTML：

<div class="thumb bg25">
    <a href="#"><img src="img/image.jpg" alt="Something" /></a>
        <div class="masque">
            <h3 class="someclass"><a href="#" >Some text here</a></h3>
            <p class="someclass">Some text here</p>
            <p class="someclass">Some text here</p>
        </div>
</div>

这是 CSS：

.thumb {float:left; margin:0 14px 14px 0; width:126px; height:186px; padding:10px; position:relative;}

.masque{position:absolute; background:#212326; width:118px; bottom:10px; height:0; padding:4px; display:none;}

我是在本地机器上运行它，而不是在服务器上。

.. 所以我认为我做错了什么，也许有一种有效的方法可以实现这种效果。 谢谢！！！

Answer 1

你试过关闭 stop() 吗？我完全在黑暗中拍摄，但我认为 IE7 可能会以不同的方式排队呼叫。我现在就测试一下。

更新

在测试它之后，由于名为 class 的变量，我在 IE7 中遇到了一些奇怪的错误。那一定是某种关键字。试试这个。

jQuery.fn.masque = function(classSelector) {
        $(this).hover(function(){
                $(this).find(classSelector).stop().animate({height:'100px',opacity: '0.9'},400);
        },function () {
            $(this).find(classSelector).stop().animate({height:'0',opacity: '0'}, 300);
        });
};

更新

您尝试过使用 slideUp 和 slideDown 吗？

jQuery.fn.masque = function(classSelector) {
    $(this).hover(function(){
        $(this).find(classSelector).slideDown();
    },function () {
        $(this).find(classSelector).slideUp();
    });
};