2011-08-28 42 views
3

我寫一個非常簡單的幻燈片,我用的是「常規」隱藏(jQuery UI的隱藏()):如何克服像這樣bewteen jQuery的隱藏差異()和

jQuery("#featured li:nth-child(1)").hide('slow'); 

這不僅皮李,但它也放慢了其他李的位置,這很好。

但是,現在我想用一個更好的效果,並把它改爲:

jQuery("#featured li:nth-child(1)").hide('slide', 'slow'); 

這滑動裏拿出來看了不錯的效果,但現在剩下的李時珍不再移動到位置它,但他們「等待」,直到效果完成,然後他們突然「跳」到位。

我該如何解決這個問題?

回答

0

你可以使用這樣的不同的效果:

$("#featured li:nth-child(1)").hide('fold','slow'); 

我認爲這取決於你的佈局,因爲幻燈片從右邊轉到左邊,這樣,如果你有它下面的另一個元素,它將在短短的「流行」。

看看小提琴http://jsfiddle.net/F8XcW/

+0

'折''也'流行'。事實上,我嘗試了所有的效果,除了jQuery自帶的默認效果(不是UI)之外,它們都是「流行」的。 我覺得奇怪的是兩者的工作方式不同。 – Peter

+0

你可以在jsfiddle.net上做一個小提琴嗎? –

+0

好的:http://jsfiddle.net/Yuvalik/dzvru/17/ 代碼有點模糊,因爲我從我的項目中複製/粘貼,然後不得不復制它以顯示不同之處。但正如你所看到的那樣,藍色方框「滑動」,而紅色方框「彈出」。 – Peter