这段 javascript 适用于最新版本的 Firefox、Chrome,甚至 Windows 7 的 IE11。
但是,由于某种原因,在 Windows 8.1 的 IE11 上且仅在 Windows 8.1 的 IE11 上,它无法正确执行。
$('[data-toggle="tab"]').on('click', function(){
$('.tab-pane').removeClass('animated flipInY');
setTimeout(function () {
$('.tab-pane').addClass('animated flipInY');
},
10);
});
fiddle 链接:http://jsfiddle.net/5Z9x6/2/
CSS 过渡来自 animate.css http://daneden.github.io/animate.css/ 。它在现代网络浏览器上完美运行;这不是问题。问题出在我的 JavaScript 上。
编辑#1:显然,当我放大(超过 100%)时,这个愚蠢的东西可以正常工作;缩小时工作效率减半(小于 100%)。它只是不能 100% 工作。我可以将其标记为有史以来最奇怪的错误吗? xD
编辑#2:即使放大超过 100%,如果在固定宽度的容器 div 内,它也不起作用。
最佳答案
啊哈!
我找到了这个,有点像。
你的代码确实有效。然而,由于某种原因,Win8.1/IE11 组合需要更多的屏幕空间来实际执行该动画。
因此,再次加载您的代码,然后使用 Control-Minus 键并尽可能缩小文本,直到您可以辨认出导航按钮。单击您的正面和背面,您会发现动画确实在运行。
关于javascript - 为什么这个 javascript 不能在 Windows 8 上运行。1's IE11? (It works on the latest version of Firefox, Chrome, even Windows 7' s IE11),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24998663/