页面加载时隐藏 jCarousel答案

【问题标题】：Hide a jCarousel when page loads页面加载时隐藏 jCarousel
【发布时间】：2010-01-22 04:21:56
【问题描述】：

我需要做类似的事情：

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

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

【问题讨论】：

标签： jquery jcarousel

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

试试initCallback 选项：

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

【讨论】：

这不起作用。在加载轮播之前调用 initCallback。