2013-09-24 19 views
2

一個jQuery的用戶界面的有用的特點是它jQuery的addClass方法的劫持,通過包括第二「持續時間」參數,像這樣添加動畫支持:jQuery UI addClass方法不能動畫可視性?

$('div').addClass('someclass', 1000); 

對於像colorbackground-color傳入CSS屬性, widthheight等,這一切工作正常。

但是像visibility:hiddenvisibility:visibledisplay:nonedisplay:block這樣的轉換不會像我期望的那樣優雅地淡入。他們只是等待完成時間,然後在最後添加課程時出現。

我敢肯定,在過去,我已經看到了在jQuery UI的CSS這些類型的優美過渡。其他人是否知道這是否可行?

我知道的fadeInfadeOut方法,與animate方法一起,但我正在尋找,而不必與風格的動畫邏輯超載我的腳本給予更多的優先級,以我的樣式表。

我知道CSS3過渡會做的一樣好,但我在尋找一個更好的支持的方法。

+0

何不效果基本show()或淡入()? –

+0

以爲有人可能會推薦。當你添加你的評論時,我在我的問題中增加了另一段。倒數第二個...... – shennan

回答

1

displayvisibility沒有可轉換狀態 - 它們可以是(您可以看到某個元素)或關閉(您看不到該元素)。

如果你想讓它淡入,那麼你必須使用不透明。

+0

我知道,他們是由發動機無論是開/關渲染。這並不意味着jQuery UI不應該考慮使用淡入檢測這種CSS更改的可能性。它已經處理了嗅探傳入類的屬性,然後在轉換過程中應用內聯樣式的任務。他們沒有理由不能利用這種功能來檢測「顯示」或「可視性」的變化。話雖如此,我會接受你的回答,目前不可能通過jQuery UI的addClass方法做到這一點。 – shennan