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

在此網站上，將鼠標懸停在框上時，div從左側滑入。出於某種原因，它適用於除IE10以外的所有現代瀏覽器。在IE10上，當你將鼠標移到盒子上時，沒有任何反應。代碼如下。我包含了周圍的代碼，以防有內容引發這種情況。另外，在IE10的控制檯中沒有任何東西顯示出來，這讓調試這件事變得令人沮喪。如果有人能夠看一眼，看看我出錯的地方，那對我來說將是一個巨大的幫助。.animate（）在IE10中不起作用，但在IE9，IE8，IE7，Chrome和FF中可用。

$(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(); 
    }); 
    }); 
});

來源

2013-07-10 J82

得到QuickSand最新版本這應該在CSS進行反正不是jQuery的。一個簡單的'：hover'類和相應的'transition'屬性可以更有效地達到完全相同的效果。 –

@Kolink謝謝，我會考慮走這條路。 – J82

@Kolink如果您還需要支持IE7/8/9，那麼css轉換將不會執行。在這種情況下，無論如何你必須回到Javascript（jQuery）。 –

問題出在QuickSand上。它有問題與IE10

你應該嘗試從GitHub

來源

2013-07-10 08:02:36

謝謝，我只是想通了。但我會給你支票。 – J82

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

回答

相關問題