Javascript JQuery动态高度问题

1-我希望右侧边栏具有相同的视频高度

2-同样，当我更改视频时，它的高度不一样，请单击第2章查看问题

只有当我调整页面大小时，它才起作用

我不知道为什么侧边栏的视频高度不一样有人能帮我吗

var vidHeight=$（'.video container'）.height（）；
$（'.description'）.css（'height'，vidHeight+'px'）；
$（窗口）。调整大小（函数（）{
var vidHeight=$（'.video container'）.height（）；
$（'.description'）.css（'height'，vidHeight+'px'）；
});
/*工具*/
1.没有填充物{
填充：0！重要；
}
.慢效{
转换：所有.2易入易出；
-webkit转换：所有.2易入易出；
}
/* ======================================================================================= */
/*布局==============================================================================================================================================================================================================================================================================================================================================*/
.空间{
高度：50px；
}
.容器液体{
填充：0.4%；
}
/*全局样式========================================================================================================================================================================================================================================================================================================================================================================================*/
/*形式元素*/
/*起点*/
身体{
高度：2000px；
}
.主货柜{
边框：2倍实心#000；
溢出：隐藏；
}
.说明{
背景色：#8989；
填充：16px 30px；
溢出：自动；
}
.说明ul{
保证金：0；
填充：0；
}
.描述ul li a{
背景色：#8989；
颜色：#fff；
垫底：18px；
边缘底部：18px；
位置：相对位置；
边界：无；
}
.nav选项卡>li>a:悬停{
边界：无；
边框底部：2倍实心#fff；
背景色：#fff；
颜色：#555555；
}
.说明ul li a>h2{
字号：700；
字体大小：35px；
保证金：0；
}
.说明ul li a>p{
字号：18px；
线高：30px；
边缘顶部：5px；
页边距底部：0；
}
.视频容器{
位置：相对位置；
}
.视频容器.工具{
位置：绝对位置；
宽度：100%；
高度：40px；
背景色：#a4a4a4；
左：0；
底部：0；
z指数：999；
}
.video容器：hover.tools{
可见性：隐藏；
}
#样式-1:：-webkit滚动条{
背景色：#8989；
}
#样式1:：-webkit滚动条拇指{
边界半径：10px；
-webkit盒阴影：插入0 0 6px rgba（0,0,0,3）；
背景色：#adadad
}
#样式-1:：-webkit滚动条{
宽度：20px；
}
@介质（最小宽度：992px）{
.说明{
左边框：2倍实心#000；
}
.描述ul li a{
边框底部：2倍实心#fff；
}
}
@介质（最大宽度：991px）{
.说明{
左边框：2倍实心#000；
空白：nowrap；
填充：0；
高度：自动！重要；
}
.描述ul li a{
显示：内联块；
宽度：34%；
填充：14px；
文本对齐：左对齐；
溢出：隐藏；
最小高度：252px；
空白：正常；
垂直对齐：文本顶部；
页边距底部：0；
}
.描述ul li:之后{
内容：“；
显示：内联块；
宽度：2倍；
高度：170px；
位置：绝对位置；
右：6px；
顶部：20px；
背景色：#fff；
}
.描述ul li：最后一个孩子：之后{
内容：“；
显示：无；
}
.说明ul li a>h2{
字体大小：22px；
}
.说明ul li a>p{
字体大小：14px；
线高：23px；
}
}
@媒体屏幕和（最小宽度：220px）和（最大宽度：550px）{
.描述ul li a{
填充：8px；
最小高度：200px；
}
.说明ul li a h2{
字体大小：14px；
}
.描述ul li a p{
字体大小：10px；
线高：16px；
}
}

您的浏览器不支持HTML5视频。
您的浏览器不支持HTML5视频。
您的浏览器不支持HTML5视频。
您的浏览器不支持HTML5视频。










这是因为您需要在单击事件上应用更改。因此，您可以在每次单击章节时添加此代码以调整视频大小（您可以添加一些延迟以确保获得正确的大小）：

您还可以使用
$（document.ready
功能，以确保调整代码在页面加载时正常工作

完整代码：


$（文档）.ready（函数（）{
setTimeout（函数（）{
var vidHeight=$（'.video container'）.height（）；
$（'.description'）.css（'height'，vidHeight+'px'）；
}, 500);
$（窗口）。调整大小（函数（）{
var vidHeight=$（'.video container'）.height（）；
$（'.description'）.css（'height'，vidHeight+'px'）；
});
$（'ul.nav-tabs a'）。单击（函数（）{
setTimeout（函数（）{
var vidHeight=$（'.video container'）.height（）；
$（'.description'）.css（'height'，vidHeight+'px'）；
}, 500);
});
});
/*工具*/
1.没有填充物{
填充：0！重要；
}
.慢效{
转换：所有.2易入易出；
-webkit转换：所有.2易入易出；
}
/* ======================================================================================= */
/*布局==============================================================================================================================================================================================================================================================================================================================================*/
.空间{
高度：50px；
}
.容器液体{
填充：0.4%；
}
/*全局样式========================================================================================================================================================================================================================================================================================================================================================================================*/
/*形式元素*/
/*起点*/
身体{
高度：2000px；
}
.主货柜{
边框：2倍实心#000；
溢出：隐藏；
}
.说明{
背景色：#8989；
填充：16px 30px；
溢出：自动；
}
.说明ul{
保证金：0；
填充：0；
}
.描述ul li a{
背景色：#8989；
颜色：#fff；
垫底：18px；
边缘底部：18px；
位置：相对位置；
边界：无；
}
.导航-
$('ul.nav-tabs a').click(function() {
  setTimeout(function() {
    var vidHeight = $('.video-container').height();
    $('.description').css('height', vidHeight + 'px');
  }, 500);

});