页面加载时隐藏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类），然后执行任何动画或其他操作来显示它。

Answer 2

尝试initCallback选项：

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