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

Question

我正在写一个非常简单的幻灯片，我使用的是“常规”hide()，如下所示:

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

这不仅隐藏了里，而且还慢慢地将其他里移动到位，这很棒。

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

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

这将 li 滑出视野，效果很好，但现在剩余的 li 不再移动到位，但它们“等待”直到效果完成，然后它们突然“跳”到位。

我该如何解决这个问题？

Answer 1

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

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

我认为这取决于您的布局，因为幻灯片是从右向左移动的，所以如果您在其下方有另一个元素，它就会“弹出”。

看 fiddle http://jsfiddle.net/F8XcW/