Bx Slider 增加div的高度答案

【问题标题】：Bx Slider increase the height of the divBx Slider 增加div的高度
【发布时间】：2015-08-21 22:00:27
【问题描述】：

我正在使用 bxslider 和根据屏幕尺寸缩放高度的图像。为了让它显示所有内容，它隐藏了溢出我还想增加bx-viewport的高度我写的jquery只调整了bx-wrapper的高度。这是下面的 jquery 和 jsfiddle 上的演示：http://jsfiddle.net/vgJ9X/838/

$( window ).resize(function() {
      width = $('.bx-wrapper').width()/3;
      width -= 14;
      var height = width+29;
      if (width > 160) {
          width = 160;
          height = 200;
      }
      box_height = height+height+(height/2);
      $('.bx-wrapper').css('height',box_height); 
      $('.bx-viewport').css('height',box_height); 

});

编辑：我的问题是为什么 $('.bx-viewport').css('height',600);当放置在调整大小功能中时无法工作，但是当我在控制台中键入它时可以工作，我知道有一个adaptiveHeight，但对于我的情况，我有6个图像：3高于3，所以下面的空间与它的比例相同我还必须计算图像的高度，对于那个演示，我使用了一个预先存在的测试，制作了 jsfiddle.net/vgJ9X/1，因为如果它与 bxslider 的一个实例一起使用，它应该与我的一起使用。我知道我是新手，我只是在使用 jquery 变得更好。与这篇文章Bxslider Setting Height 不同，如果您查看示例 jsfiddle，我需要在调整浏览器大小时更改高度，您会看到底部导航选项卡随着黑点移动，因为 jquery 确实改变了高度。我还需要为内容为 bx-viewport 的 div 实现相同的功能@

【问题讨论】：

bxSlider 的 API 没有adaptiveHeight 选项吗？
这个问题已经在stackoverflow.com/questions/18976107/bxslider-setting-height回答了
我喜欢你绑定到每个滑块的方式，我使用一个回调函数，在每个滑块上调用 goToSlide()。你的方式看起来更有效率。你的问题到底是什么？看来我应该问你一个关于 bxSlider 的问题。
我的问题是为什么 $('.bx-viewport').css('height',600); 在调整大小功能中不起作用但在我在控制台中键入时起作用，我知道有一个 adaptiveHeight 但就我而言，我有 6 张图像： 3 上面 3 下面所以为了使下面的空间与它的比例相同，我还必须计算图像的高度，对于那个演示，我使用了一个预先存在的测试 jsfiddle.net/vgJ9X/1 因为如果它与 bxslider 的一个实例一起使用它应该适用于我的。我知道我是新手，我只是在使用 jquery 变得更好。

标签： javascript jquery css bxslider

【解决方案1】：

这解决了问题。

.bx-viewport {
    height: 100% !important;
 }

它之所以有效，是因为它是第一个 div 的子元素，因此它“继承”了父 div 的高度。

【讨论】：