在浏览器调整大小之前,caroufredsel不可见

Question

我在caroufredsel中遇到了一个问题,我在Asp.net Webforms中使用了一个jquery carousel插件.在我调整窗口大小之前,旋转木马不会显示.我可以在最新版本的Google Chrome和Firefox中看到这个问题.

使用Javascript

$(window).load(function() {
    $("#slider").carouFredSel({
            circular: true,         
            infinite: true,         
            responsive: true,      
            direction: "left",    
            width: "100%",
            height: "auto",
            auto: true,
            align: "center", 
            padding:0,
            items: {
                visible: 2,
                minimum: 2,
                width: "variable",
                height: "100%"
            },
            scroll: {
                items:1,
                pauseOnHover:true
            }
        });
    });

CSS

#slider .slider-wrapper {
    position:relative !important;
    display: block;
    padding-right: 10px;
    float: left;
    width:554px;
}

.... all other related to design

我在JSbin中创建副本时能够复制该问题.全屏预览在这里http://jsbin.com/uyewewo/3

Answer 1

如果你想要一个快速补丁,只需在创建轮播添加后激活一个调整大小

$( window ).resize()

在$(window).load(function(){的末尾