2011-12-30 40 views
0

我有這個代碼,單擊登錄按鈕時淡化頁面的主體。它有一種'打嗝',在文本框的輪廓處停頓着,當我運行該項目時,仍然顯示這是第一次運行。如果我在同一屆會議上再次做到這一點,它的作品非常漂亮。第一次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> 
+3

做一個jsfiddle你可以重現問題,除了#btnLogin和#txtUsername不存在和jQuery版本從黑暗時代的代碼沒有太大的錯誤 – Esailija 2011-12-30 22:26:07

回答

1

說明

這真的很難重現,最有可能與您的個人瀏覽器,設置,電腦等

你可以先加載你的jQuery腳本和後做的一個問題它被緩存了。另一件事可能是一個問題,那就是你的文件很重,裝載了很多花費很多時間的花哨的東西,並且真的使得這些花費了很多錢。

Here are some easy steps以提高性能與jQuery


解決方案

  • 嘗試increase your performance使用jQuery。
  • 你使用什麼瀏覽器?例如,IE瀏覽器與Firefox,Chrome或Opera等瀏覽器相比,速度通常較慢且效率較低。
  • 什麼是您的計算機規格?它是一個瘦客戶機,可用最少的CPU?
  • I've set up this page,沒什麼特別的,但它是一個很好的方式來看看它是你自己的網頁,它打擾你,或者如果它是瀏覽器,或者是什麼。如果它對你沒有任何好處,請自行加載你的頁面,看看你是否可以重現它(確保你選擇了JQuery作爲你的框架)。
  • 試着在身體內部放置一個包裹物,在整個內容的周圍,然後做一個.fadeOut(),看看它是否有任何區別。

最後的想法

就像我說的,這是很難幫你這個問題,因爲它是極個別的。
我最好的選擇是你使用頑皮InternetExplorer有很多問題。 :)

+0

我們使用IE 8 – 2012-01-03 15:17:08

+0

@RonaldMcDonald當你說「我們」,你的意思是「我的公司」?如果您正在爲公司製作網絡應用程序,則不應使用動畫或任何幻想。只是基礎知識,性能。正如上面的答案所述,這可能是導致它的瀏覽器。我不知道你隱藏身體的原因,我想不出你爲什麼會擺在首位,但不是這樣做,爲什麼不放置覆蓋整個頁面的覆蓋元素,有效地隱藏身體? – ShadowScripter 2012-01-03 18:21:40