Javascript bxSlider自适应高度不'；无法在第一个加载页上工作

我使用的是bxSlider 4.1.2，每张幻灯片都有不同的高度（包含段落和图像），因此我添加了选项

adaptiveHeight:true

。当第一次加载页面时，滑块的高度跟随最高的滑块，因此第一个滑块和控制器按钮之间看起来有很长的间隙。像这样：

我希望我的滑块在第一次加载时如下所示：

我在

$（document.ready（）中调用bxSlider事件，我尝试使用事件
$（window.load（）但它打断了我的滑块：(

这是我现在的javascript

$(document).ready(function ()
{
slider_custom1 = $('#slider_brand1').bxSlider({
controls: true,
autoControls: true,
adaptiveHeight: true,
pagerCustom: '#custom_bullets1',
nextSelector: '#slider-next1',
prevSelector: '#slider-prev1',
nextText: '<img src="<?php echo base_url('webroot/images/next_detail_product.png');?>" />',
prevText: '<img src="<?php echo base_url('webroot/images/prev_detail_product.png');?>" />'
});
});

$（文档）.ready（函数（）
{
slider_custom1=$（'#slider_brand1'）。bxSlider({
控制：对，
自动控制：正确，
自适应高度：正确，
pagerCustom:“#自定义#bullets1”，
下一个选择器：“#滑块-next1”，
prevSelector:“#滑块-prev1”，
下一个文本：“/>”，
prevText:“/>”
});
});
给我们一个fiddle演示…@vanio这是用fiddle制作的，但不是在我的页面上脚本：（我该怎么办）你检查过你的控制台了吗？尝试解决控制台错误。@vanioi也有同样的问题