页面加载时隐藏jCarousel

Question

我需要做一些类似的事情：

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

ImgCarouselCon是包装在carousel周围的容器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();}
});