2013-04-15 38 views
7

JQuery fadeIn()和show()方法實現明智嗎?當然除了fadeIn有這個動畫事件的事實。我問這個問題是因爲我看到一個奇怪的行爲。JQuery淡入vs顯示方法差異

我有一些骨幹視圖,我在其中創建圖像標記並加載它們。當我想要顯示它們時,它們在fadeIn()上工作,但不在show()上。那麼,這是我的代碼或JQuery實現它的方式的問題。

+2

很少有任何使用的庫(但不是不可能)的錯誤。你可以在像[jsfiddle](http://jsfiddle.net/)這樣的環境中重新創建它嗎? – ajp15243

+0

它可能不是一個錯誤,通過說淡入淡出在你不希望類似的實現,以顯示方法 – sublime

回答

8

調用show而不傳遞任何參數相當於調用.css('display', 'block')。如果您的opacity設置爲0,您仍將看不到該元素。

然而,根據documentation

當提供的持續時間,一個普通的對象,或「完整的」功能,.show()成爲一個動畫方法。 .show()方法同時動畫化匹配元素的寬度,高度和不透明度。

所以,如果你想.show行爲像.fadeIn,你需要傳遞一個參數。

+0

你是正確的!不透明度是0不知道是什麼將它設置爲0。謝謝 – sublime

+0

@sublime過去也讓我絆倒了。 :) – Stephen