2011-08-28 47 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