BxSlider在第一次加载时计算错误的宽度

Question

我正在使用bxslider;我传递的数据是通过json动态并通过Handlebars呈现的。我已经将require.js用作我的项目的AMD lib。

当我尝试加载视图/页面时。其中的Bxslider第一次没有正确加载图像。刷新页面后，工作正常。

第一次

element.style {
    float: left;
    list-style: none outside none;
    margin-right: 12px;
    position: relative;
    width: 28px;
}

刷新后

element.style {
    float: left;
    list-style: none outside none;
    margin-right: 12px;
    position: relative;
    width: 95px;
}

将滑块初始化为：

$('.slider').bxSlider({
    minSlides: 3,
    maxSlides: 5,
    slideWidth: 95,
    slideMargin: 12,
    pager: false,
    infiniteLoop: false
});

BxSlider在第一次加载时计算错误的宽度。有人遇到过这样的问题吗？我需要应用的任何快速修复。

Answer 1

修正了它。我正在加载/删除一些课程。在bxslider代码块之后。在onSliderLoad事件中添加了那个东西。它运作良好。