覆盖carouFredSel中的默认包装器名称

时间:2015-06-26 16:44:13

标签: javascript jquery css twitter-bootstrap

作为caroufredsel的新手,我试图使用动态计数覆盖旋转木马的默认包装名称。

但是,渲染的轮播只有默认的caroufresel_wrapper。虽然我的javascript试图在同一页面上获得caroufredsel_wrapper0,caroufredsel_wrapper1,caroufredsel_wrapper2 3个轮播。我发现有趣的是它不会被覆盖。

我的旋转木马创建代码在这里

$('.carousel-content').carouFredSel({
        circular: false,
        infinite: false,
        auto: false,
        align: 'left',
        width: 940,
        height: 323,
        scroll: 1,
        wrapper: { element:'div',
        classname: 'caroufredsel_wrapper.concat(carousel_count)'},
        items: 4,
        onCreate: function() {
        $('#xy.concat(carousel_count) >       .caroufredsel_wrapper.concat(carousel_count)').css('float','left');
    }
  });
});
}

1 个答案:

答案 0 :(得分:0)

文档没有明确说明,但carouFredSel接受两个参数:(options, configs)。包装器使其成为configs参数的一部分。试试这个:

$('.carousel-content').carouFredSel({
    circular: false,
    infinite: false,
    auto: false,
    align: 'left',
    width: 940,
    height: 323,
    scroll: 1,
    items: 4,
    onCreate: function() {
      $('#xy.concat(carousel_count) >  .caroufredsel_wrapper.concat(carousel_count)').css('float','left');
    }},
    {
    wrapper: { 
      element:'div',
      classname: 'caroufredsel_wrapper.concat(carousel_count)'
    });