Jquery .animate（）不'；不适用于IE10，但适用于IE9、IE8、IE7、Chrome和FF

在这个网站上，当你把鼠标放在盒子上时，一个div从左边滑进来。出于某种原因，它适用于除IE10之外的所有现代浏览器。在IE10上，当您将鼠标移到框上时，不会发生任何事情。代码如下所示。我包括了周围的代码，以防里面有什么东西导致了这种情况。此外，IE10的控制台中也没有显示任何东西，这使得调试IE10变得令人沮丧。如果有人能看看我哪里出了错，那对我将是一个巨大的帮助

  $(function () {
    var time_effect = 400;
    var effect_name = 'easeOutQuart';

    // Hovers
    var hovers = function () {
      $('.project-mask').hover(function () {
          $('.description', this).stop().animate({
            left: 0
          }, 50);
       }, function () {
          $('.description', this).stop().animate({
            left: -280
          }, 50);
       });
       $("a.single-image").fancybox({
         transitionIn: 'none',
         transitionOut: 'none',
         overlayColor: '#000',
         overlayOpacity: 0.6
       });
    };

    //Extracted quicksand block
    var applyQuicksand = function (selector, quicksandArgs) {
      $('.all').quicksand(selector, quicksandArgs);
      $('.filter a').removeClass('selected');
    };

    var objArgs = {
      quicksandFunction: applyQuicksand,
      quicksandArgs: {
        duration: time_effect,
        attribute: 'data-id',
        easing: effect_name,
        adjustHeight: 'auto',
        useScaling: false,
        enhancement: hovers
      }
    };

    //Call hovers for initial load
    $('.all').quicksand($('.everything article'), objArgs.quicksandArgs);

    $('.filter-all').click(objArgs, function (e) {
      objArgs.quicksandFunction($('.everything article'), objArgs.quicksandArgs);
      $(this).addClass('selected');
      e.preventDefault();
    });

    $('.filter-web').click(objArgs, function (e) {
      objArgs.quicksandFunction($('.web article'), objArgs.quicksandArgs);
      $(this).addClass('selected');
      e.preventDefault();
    });

    $('.filter-print').click(objArgs, function (e) {
      objArgs.quicksandFunction($('.print article'), objArgs.quicksandArgs);
      $(this).addClass('selected');
      e.preventDefault();
    });
  });
});

---

问题在于流沙。它与IE10有问题

---

您应该尝试从GitHub获取最新版本的

无论如何，这应该在CSS中完成，而不是在jQuery中完成。一个简单的<代码>：悬停类，使用适当的<代码>转换< /Cord>属性可以更有效地实现完全相同的效果。@ KLink，谢谢，我会考虑走这条路线。@ KOLink如果你还需要支持IE7／8/9，CSS转换就不行了。在这种情况下，无论如何你都必须依赖Javascript（jQuery）。@Rene Wolferink，这是一款赏心悦目的软件。IE7及以上版本都支持使用

：hover

，因此它们将显示面板，但不显示滑动运动。是的，

：hover

已经支持了一段时间。但是，如果你的客户还想为仍在运行IE9（或更低版本）的用户显示令人眼花缭乱的效果，那么一定要给出警告，说明css过渡效果在旧版IE中不起作用。谢谢你，我刚刚解决了这个问题。但我会给你支票的。