如何克服jQuery hide()和jQuery UI hide()之间的差异



我正在编写一个非常简单的幻灯片,我使用了"regular" hide(),如下所示:

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

这不仅隐藏了li,而且还将其他li慢慢移动到合适的位置,这很好。

但是,现在我想使用更好的效果,并将其更改为:

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

这将以一个不错的效果将li从视图中滑动出去,但是现在剩下的li不再移动到它的位置,而是它们"等待"直到效果完成,然后它们突然"跳"到适当的位置。

如何解决这个问题?

你可以使用不同的效果,像这样:

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

我认为这取决于你的布局,因为幻灯片是从右到左的,所以如果你在它下面有另一个元素,它就会"弹出"。

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

最新更新