jquery - 页面加载时隐藏 jCarousel

Question

我需要做类似的事情:

jQuery('#ImgCarousel').jcarousel({});
jQuery('#ImgCarouselCon').hide();

ImgCarouselCon 是包裹在轮播周围的容器 div。使用此代码，轮播在隐藏时仍在加载，并且出现错误。我查看了 jCarousels 文档，但找不到有效的回调。像 onComplete 这样的东西是理想的，但没有骰子。

Answer 1

您可以将容器元素的位置设置为 position:absolute 和 left:-999em (或某个足够大的数字)，因此它仍然“显示” jcarousel 能够对其进行设置，但它在页面上的任何位置都看不到。

然后当你想显示它时，只需将其更改为 position:static ，它就会跳回到页面应该在的位置。或者，如果您要以某种方式对其进行动画处理，请先调用 jQuery('#ImgCarouselCon').hide()，然后调用 position:static (最好通过 CSS 类这样做)，然后做任何你想做的动画或其他事情来显示它。