jQuery.slideToggle()在Safari中滞后
我有一个有趣的问题。在我的网站上,我使用jQuery.slideToggle在单击时打开网站的不同部分尝试单击“关于我”查看。然而,在MacOSX上的Safari中,存在大量的延迟。移动Safari、桌面Chrome和Android,以及Firefox和IE都能很好地处理简单的动画。我已经在一些设备上试用过MacBookPro Retina和新的iMac,所有这些设备的延迟都是一致的。以下是一些相关的代码片段: JavaScript HTMLjQuery.slideToggle()在Safari中滞后,jquery,css,safari,Jquery,Css,Safari,我有一个有趣的问题。在我的网站上,我使用jQuery.slideToggle在单击时打开网站的不同部分尝试单击“关于我”查看。然而,在MacOSX上的Safari中,存在大量的延迟。移动Safari、桌面Chrome和Android,以及Firefox和IE都能很好地处理简单的动画。我已经在一些设备上试用过MacBookPro Retina和新的iMac,所有这些设备的延迟都是一致的。以下是一些相关的代码片段: JavaScript HTML 非常感谢您的帮助;否则我可能会切换到CSS动画。谢谢
非常感谢您的帮助;否则我可能会切换到CSS动画。谢谢 你尝试过加速动画吗?是的,尝试过加速和减速,但不幸的是没有效果。有同样的问题。但后来我意识到我加载了两次jQuery。现在它工作起来更平稳了。
$("#about-button").click(function(event) {
$("#about").slideToggle();
});
<div class="menu-item two">
<a id="about-button" href="#stay_here">about me</a>
<p id="about">
some text that is initially hidden on page load.
</p>
</div>