javascript - 为什么这个 javascript 不能在 Windows 8 上运行。1's IE11? (It works on the latest version of Firefox, Chrome, even Windows 7' s IE11)

标签 javascript internet-explorer animation windows-8.1 internet-explorer-11

这段 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/

相关文章:

java - GWT 是如何工作的,或者更确切地说,GWT 如何将代码加载到 app.html 文件中?

javascript - 从每个 javascript 数组 concat 中获取 1 个元素,然后循环到一个数组中

javascript - 您如何使用 JavaScript 衡量第 3 方广告加载时间?

html - 以 Quirks 模式显示的 XSL 网页

javascript - 哪个版本的 IE 不将事件作为参数传递给监听器?

javascript - 保持 jQuery 动画循环

javascript - Three.js 中的 BoxBufferGeometry 与 BoxGeometry 有什么区别?

Android SupportActionBar 在显示/隐藏时没有动画

javascript - 扩展逻辑或 ||空数组的语法

internet-explorer - 从 Internet Explorer 11 F12 Dev Tools 中删除单个 cookie