Jquery滑动框在IE8中不起作用

时间:2012-06-26 03:46:27

标签: javascript jquery html css jquery-animate

在我的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

提前致谢!

1 个答案:

答案 0 :(得分: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" />