Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jQuery.slideToggle()在Safari中滞后_Jquery_Css_Safari - Fatal编程技术网

jQuery.slideToggle()在Safari中滞后

jQuery.slideToggle()在Safari中滞后,jquery,css,safari,Jquery,Css,Safari,我有一个有趣的问题。在我的网站上,我使用jQuery.slideToggle在单击时打开网站的不同部分尝试单击“关于我”查看。然而,在MacOSX上的Safari中,存在大量的延迟。移动Safari、桌面Chrome和Android,以及Firefox和IE都能很好地处理简单的动画。我已经在一些设备上试用过MacBookPro Retina和新的iMac,所有这些设备的延迟都是一致的。以下是一些相关的代码片段: JavaScript HTML 非常感谢您的帮助;否则我可能会切换到CSS动画。谢谢

我有一个有趣的问题。在我的网站上,我使用jQuery.slideToggle在单击时打开网站的不同部分尝试单击“关于我”查看。然而,在MacOSX上的Safari中,存在大量的延迟。移动Safari、桌面Chrome和Android,以及Firefox和IE都能很好地处理简单的动画。我已经在一些设备上试用过MacBookPro Retina和新的iMac,所有这些设备的延迟都是一致的。以下是一些相关的代码片段:

JavaScript

HTML


非常感谢您的帮助;否则我可能会切换到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>