jQuery fade第一次不流畅,但在此之后工作

时间:2011-12-30 22:11:02

标签: jquery

我有这个代码,当点击登录按钮时,它会淡化页面的主体。它有一种“打嗝”,暂停时文本框的轮廓仍然显示在我运行项目时第一次运行它。如果我在同一个会话中再次这样做,它会很漂亮。

有没有办法让这项工作第一次正确?

<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>

1 个答案:

答案 0 :(得分:1)

解释

很难再现一个很可能与您的个人浏览器,设置,计算机等有关的问题。

您可以先加载JQuery脚本,然后缓存它。另一件可能是问题的问题是,你有一个沉重的文档,装载了花哨的东西,只占用了大量的加载时间,真的让.fadeOut为它赚钱。< / p>

Here are some easy steps使用JQuery提高性能


解决方案

  • 尝试使用JQuery increase your performance
  • 您使用的浏览器是什么?例如,与Firefox,Chrome或Opera等浏览器相比,IE通常速度慢,效率低。
  • 您的电脑规格是什么?它是具有最小CPU可用性的瘦客户端吗?
  • I've set up this page,没什么特别的,但这是一个好方法,看看它是你自己的页面困扰你,或者它是浏览器,还是诸如此类的东西。如果它对您没有任何帮助,请自己在JSFiddle上加载页面并查看是否可以重现它(确保选择JQuery作为您的框架)。
  • 尝试在整个内容周围放置一个包装器,并在其上执行.fadeOut(),看看它是否有所不同。

最后的想法

就像我说的那样,很难帮助你,因为它非常个性化 我最好的选择是你正在使用顽皮的 Internet Explorer 来处理很多问题。 :)