jquery - 页面加载时隐藏 jCarousel

Question

我需要做类似的事情：

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

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

Answer 1

您可以将容器元素的位置设置为position:absoluteand left:-999em（或某个足够大的数字），因此它仍然“显示”以便 jcarousel 能够设置它，但它在页面上的任何地方都不可见。

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

Answer 2

尝试以下initCallback选项：

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