0

この Web サイトでは、マウスをボックスの上に置くと、左側から 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();
    });
  });
});
4

1 に答える 1