Jquery jCarouselLite未在div上设置宽度和左侧值

Jquery jCarouselLite未在div上设置宽度和左侧值,jquery,jquery-ui,Jquery,Jquery Ui,jCarouselLite未在div上设置width和left值。此外,在firebug中,div和ul变灰,尽管div具有: visibility: visible; 顺便提一下,ul和后续li上的宽度和高度属性设置为0。jCarouselLite不应该设置这些吗 图像正在加载到DOM中,但未显示。这是由CSS规则导致的,该规则将containing设置为display:none 一旦我删除了它,插件就正确地计算了值。但是当页面中的元素需要在开始时隐藏时该怎么办 我使用了下面的技巧,以显示的

jCarouselLite未在div上设置width和left值。此外,在firebug中,div和ul变灰,尽管div具有:

visibility: visible;
顺便提一下,ul和后续li上的宽度和高度属性设置为0。jCarouselLite不应该设置这些吗


图像正在加载到DOM中,但未显示。

这是由CSS规则导致的,该规则将containing
设置为
display:none


一旦我删除了它,插件就正确地计算了值。

但是当页面中的元素需要在开始时隐藏时该怎么办

我使用了下面的技巧,以显示的元素开始页面,这样插件就能够计算出它的位置,但超出了屏幕,所以使用过的插件看不到它

<script type="text/javascript"> 
    $('#myElement').animate({left: '-=5000px'}, 0);
</script>

$('#myElement')。动画({left:'-=5000px'},0);
这个技巧还解决了jquery谷歌地图插件的绘图问题


也许我的问题在于我没有在正确的时间或正确的地点调用我的代码。。。不管怎样,多亏了那个老把戏,它终于起作用了

我最初将container元素设置为“display:none”,并使用jQuery的slideToggle函数来显示隐藏的元素。在slideToggle函数调用中,我只是将jCarouselLite调用。这就是我所说的,它工作正常:

$("#Gallery").slideToggle("slow", function () {
    if (!carouselLoaded) {
        $(".carousel").jCarouselLite({
            btnNext: ".next",
            btnPrev: ".prev",
            circular: true,
            visible: 1
        });
        carouselLoaded = true;
    }
});

布尔标志用于在容器重新隐藏和显示后阻止jCarouselLite再次加载。

在jquery.jCarouselLite.js文件中修改div.css(sizeCss,divSize+“px”)
div.css(sizeCss,“100%”)
或任何要硬设置的像素
此外,您可以通过配置设置要显示的编号项目
可见:5

例如:

        <script type="text/javascript">
            $(function() {
                $(".auto .carousel").jCarouselLite({
                    auto: 1000,
                    speed: 4000,
                    visible: 5

                });
            });
        </script>

$(函数(){
$(“.auto.carousel”).jCarouselLite({
汽车:1000,
速度:4000,
可见光:5
});
});