在此网站上，当您将鼠标悬停在框上时，会从左侧滑入一个 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();
});
});
});