相关疑难解决方法(0)

我有一个DOM元素,应用了以下一些/所有效果:

#elem {
  -webkit-transition: height 0.4s ease;
  -moz-transition: height 0.4s ease;
  -o-transition: height 0.4s ease;
  transition: height 0.4s ease;
}

我正在编写一个调整此元素大小的jQuery插件,我需要暂时禁用这些效果,以便我可以顺利调整大小.

暂时禁用这些效果(然后重新启用它们)的最优雅方法是什么,因为它们可能是从父母那里应用的,或者可能根本不适用.

我需要在过渡期间随时暂停 CSS 过渡。我知道有一个计算过渡属性的当前值并直接应用它的解决方案，但是这给了我在 Safari 和 IE11 中“跳跃”的结果。

我的想法是将transition-duration价值增加到一些大的东西，这在我的理论中应该几乎暂停过渡，但似乎并非如此：

https://jsfiddle.net/j8p0msff/

$('#pause').on('click', function() {
    $('.ball').css('transition-duration: 5000s');
});

还有其他想法吗？谢谢！