Question

在这个网站上，当您将鼠标悬停在方框上时，div会从左侧滑入。出于某种原因，它适用于除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();
    });
  });
});

Answer 1

问题在于QuickSand。它与IE10有问题

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

.animate（）在IE10中不起作用，但适用于IE9，IE8，IE7，Chrome和FF

1 个答案: