jQuery fadeIn jCarouselLite div导致滑块不前进

我在CakePHP应用程序中有一个工作的jCarouselLite滑块，需要最后一次调整。客户端希望滑块在大约五秒钟内不加载，以便用户可以看到其背后的背景图像

到目前为止，我已将其设置为：

<script type="text/javascript">
        $(document).ready(function() {
            $('#carouselDelay').delay(5000).fadeIn(400);
        });
    </script>

<?php echo $this->Html->script(array('jquery.easing.1.3','jcarousellite_1.0.1','jquery.mousewheel.min'), array('inline' => false, 'safe' => false)); ?>
<script type="text/javascript">
    $(document).ready(function() {
        $('#carousel').jCarouselLite({
            btnNext: ".next",
            btnPrev: ".prev",
            circular: true,
            auto: 5000,
            beforeStart: function(a) {
              jQuery(a).parent().fadeTo(300, 0);
            },
            afterEnd: function(a) {
              jQuery(a).parent().fadeTo(300, 1);
            },
            speed: 0,
            visible: 1,
            btnGo: [".carouselThumb .1", ".carouselThumb .2",
                ".carouselThumb .3", ".carouselThumb .4", ".carouselThumb .5", ".carouselThumb .6", ".carouselThumb .7", ".carouselThumb .8", ".carouselThumb .9"]
        });
    });

</script>

<div id="carouselDisplay">
    <div id="carousel">
         <!-- Carousel content here -->
    </div>
</div>

$（文档）.ready（函数（）{
$（#carouselDelay'）。延迟（5000）。fadeIn（400）；
});
$（文档）.ready（函数（）{
$（'旋转木马'）.jCarouselLite({
btnNext:“.next”，
btnPrev:“.prev”，
通告:对,，
汽车：5000，
开始前：功能（a）{
jQuery（a）.parent（）.fadeTo（300,0）；
},
后置：功能（a）{
jQuery（a）.parent（）.fadeTo（300,1）；
},
速度：0，
可见:1,，
btnGo:[“.carousethumb.1”、“.carousethumb.2”，
“.carousethumb.3”、“.carousethumb.4”、“.carousethumb.5”、“.carousethumb.6”、“.carousethumb.7”、“.carousethumb.8”、“.carousethumb.9”]
});
});

问题是，当我在

#carouselDisplay

上启用淡入淡出效果时，滑块本身不会前进到下一张幻灯片

我试着打电话给jQuery noConflict，但没用。我还尝试将延迟和淡入淡出效果移动到$（window）.load事件，但结果是一样的

你能帮我弄清楚为什么延迟与滑块前进相冲突吗？我还没有找到其他关于这方面的报道

---

谢谢

您应该启动旋转木马作为fadeIn方法（回调）的第二个参数：

由于容器是隐藏的，jCarousel将无法计算GUI

---

（在智能手机上写下这封信，很抱歉有任何打字错误：）

效果很好！也非常感谢您的解释！我还注意到我的div中有一个拼写错误——我叫“carouselDisplay”而不是“carouselDelay”。哎呀！

$('#carouselDelay').delay(5000).fadeIn(400, function() {
    $('#carousel').jCarouselLite({
        [...]
        [...]
    });
});