Js Animate无法在IE8上正常使用

debugcn 发表于 Dev

用户名

我尝试为CSS属性中的某些变化设置动画。想法是在单击时更改框的大小（该框实际上是一个div）

它在Chrome＆IE 7,9,10上可以正常使用，但是当我使用IE8时动画存在问题。

当一个div的大小增加时，其他div将被翻译。每个div均包含一个纯文本字母。转换div时，此div中包含的字母也会发生相同的情况。

但是对于IE8，如果字母的翻译流畅，则div并非如此。

结果是div不能正确翻译（以流畅的方式），但文本可以正确翻译。

IE7或9不会发生此问题，只有IE8不会发生。

您对此有何建议？

这里是我创造的小提琴。简化了。尝试单击框上有一个更好的主意，我的解释可能会有些混乱。

JSFiddle：http : //jsfiddle.net/jG53Z/

var idPreviousClick = 1;

$(document).ready(function () {
    var int;
    $('.answerDiv').click(function () {
        if (idPreviousClick === $(this)[0].id) {
            alert
        } else {
            for (int = 0; int < 3; int++) {
                $("#" + (int + 1)).css({
                    height: '100',
                    width: '100',
                    top: '0',
                    'line-height': '100px'
                });
            }
            $("#" + ($(this)[0].id)).animate({
                height: '120',
                width: '120',
                top: '-10',
                'line-height': '120px'
            });
            idPreviousClick = $(this)[0].id;
        }
    });

});

如果您对为什么在此特定IE8版本中无法正确产生效果有一个想法。

谢谢蒂姆

用户名

CSSPIE使动画特别慢，尤其是使用IE8时。我避免了它，因为我需要这个动画，但是会改用jquery.corner.js，它为我提供了我需要的角落和流畅的动画。

http://jquery.malsup.com/corner/

您还可以在此页面中看到如何构建边框。并且，如果浏览器支持，您也可以在此脚本中使用边框半径。

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。