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应用程序,你不应该使用动画或任何花哨的东西。只是为了性能的基本要求。如上面的回答所述,可能是浏览器导致了这种情况。我不知道你为什么要隐藏正文,我也不知道你为什么要隐藏正文,但是与其这样做,为什么不在整个页面上放置一个覆盖元素,有效地隐藏正文呢?