jQuery滑动框在IE8中不起作用

Question

在html标签上方添加doctype时，我的Jquery代码在IE8中似乎不起作用。

也许有一种方法可以重组这些代码，使其在ie8中工作。

$(document).ready(function(){
            //Caption Sliding (Partially Hidden to Visible)
            $('.boxgrid.caption').hover(function(){
                $(".cover", this).stop().animate({top:'0px'},{queue:false,duration:160});
            }, function() {
                $(".cover", this).stop().animate({top:'161px'},{queue:false,duration:160});
            });
        });


The website can be seen here:

http://www.keencloudmedia.com/sample/test.html

提前致谢！

Answer 1

尝试这个

$(document).ready(function(){
        $('.boxgrid.caption').mouseenter(function(){
            $(".cover", this).stop().animate({'top':'0px'},160);
        });
        $('.boxgrid.caption').mouseleave(function() {
            $(".cover", this).stop().animate({'top':'161px'},160);
        });
    });

并且您可以使用此元标记（与jquery兼容）

    <meta http-equiv="content-type" content="text/html;charset=UTF-8" />