jQuery - 在保留流佈局的情況下淡入/淡出物品

Question

我有我的web應用程序中的項目列表;其中每一個都有一組命令按鈕排列在它下面。

爲了保持界面清潔，只有當您將鼠標懸停在項目上時，這些按鈕纔會顯示。這些按鈕被包裝在具有以下CSS屬性的標籤中：visibility: hidden

這保留了佈局 - 以便列表項在顯示按鈕時不會跳過。

我想要做的是使用jQuery淡入/淡出按鈕。但是，默認方法（fadeIn(), fadeOut()）似乎使用display: none，該方法從流中刪除按鈕。

我需要的是一種使用visibility屬性淡入或淡出的方法。那麼，在我開始搜索之前，有沒有人知道我失蹤的這種做法的明顯方式？

乾杯

Answer 1

爲您正在褪色的元素創建空的包裝DIV（帶有指定的尺寸）。淡化裏面的內容。或者，您可以將其淡化爲1％，因此它仍佔用空間，但幾乎不可見。

Answer 2

好像$（本）.fadeTo（ 「慢」，0）;應該這樣做，文檔沒有提到設置顯示。只有fadeOut（）具有display：none;在文檔中設置，但給我一點時間，我會測試它。

Answer 3

推出自己的淡出，就像這樣：

$(this).animate({opacity: "0.0"});