javascript - 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" />