jquery - Jquery 效果在 Firefox 中不起作用

Question

我在悬停时使用了一个简单的 jquery 图像缩放效果。它在 chrome 中运行良好，但在 firefox 和 IE 中没有显示效果。fadeIn 在所有三个上都可以正常工作。我正在使用以下代码：

<script type="text/javascript" src="js/jquery-2.0.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
    $('#matter1').css("display", "none");
    $('#matter1').fadeIn(3000);
    $('img.img_zoom').hover(function () {
        $(this).animate({
            'zoom': 1.2
        }, 100);
    }, function () {
        $(this).animate({
            'zoom': 1
        }, 100);
    });
    $('a.nav_font').hover(function () {
        $(this).animate({
            'zoom': 1.1
        }, 75);
    }, function () {
        $(this).animate({
            'zoom': 1
        }, 75);
    });
});
</script>

先感谢您。

Answer 1

你试过用 jQuery 1.x 分支运行它吗？jQuery 2 放弃了对许多旧浏览器的支持

Answer 2

在进一步研究之后，Firefox 或 IE 似乎不支持缩放。相反，您将使用：

-moz-transform: scale(x);

在即：

-ms-transform: scale(x);