jQuery淡入淡出在第一次时并不平滑,但在那之后就可以工作了

jQuery淡入淡出在第一次时并不平滑,但在那之后就可以工作了,jquery,Jquery,我有一段代码,当点击登录按钮时,页面主体会淡出。它有一种“打嗝”的感觉,当我运行项目时,文本框的轮廓仍然显示第一次运行它。如果我在同一节课上再做一次,效果会很好 有没有办法让这项工作在第一次就做好 <head id="Head1" runat="server"> <title>Web Portal - Login</title> <link href="~/css/common.css" type="text/css" rel="styl

我有一段代码,当点击登录按钮时,页面主体会淡出。它有一种“打嗝”的感觉,当我运行项目时,文本框的轮廓仍然显示第一次运行它。如果我在同一节课上再做一次,效果会很好

有没有办法让这项工作在第一次就做好

<head id="Head1" runat="server">
    <title>Web Portal - Login</title>
    <link href="~/css/common.css" type="text/css" rel="stylesheet" />
    <script src="js/jquery-1.4.min.js" type="text/javascript"></script>
<script type="text/javascript" language="javascript">
    $(document).ready(function () {



        $('#btnLogin').click(function () {
            $("body").fadeOut('2000');

        });


    });
</script>
</head>
<body>
解释 很难重现一个很可能与您的个人浏览器、设置、计算机等有关的问题

您可以先加载JQuery脚本,然后缓存它。另一个可能存在的问题是,您有一个很重的文档,加载了很多花哨的东西,这只会占用大量的加载时间,并且真正使.fadeOut为它的钱而运行

使用JQuery提高性能

解决方案 尝试使用JQuery。 你用的是什么浏览器?例如,与Firefox、Chrome或Opera等浏览器相比,IE通常速度慢且效率低。 你的电脑规格是什么?它是一个具有最小可用CPU的瘦客户机吗? ,没什么特别的,但这是一个很好的方法,可以看出困扰你的是你自己的页面,还是浏览器,或者其他什么。如果这对您没有任何好处,请将您的页面加载到您自己的页面上,看看是否可以复制它,确保选择JQuery作为您的框架。 试着在正文内,在整个内容周围放一个包装,然后淡出,看看是否有什么不同。 最后的想法 就像我说的,这很难帮助你,因为这是非常个性化的。
我敢打赌,你在用淘气来解决很多问题

制作一个JSFIDLE,在这里您可以重现问题,代码中没有太多错误,除了btnLogin和txtUsername不存在,jQuery版本来自黑暗ages@RonaldMcDonald你说我们是指我的公司吗?如果你正在为你的公司制作一个web应用程序,你不应该使用动画或任何花哨的东西。只是为了性能的基本要求。如上面的回答所述,可能是浏览器导致了这种情况。我不知道你为什么要隐藏正文,我也不知道你为什么要隐藏正文,但是与其这样做,为什么不在整个页面上放置一个覆盖元素,有效地隐藏正文呢?