jquery - 如何获得 select2 下拉菜单的高度？

Question

我正在尝试获取 select2 下拉列表的实际渲染高度，但是:

如果我使用这样的东西:

$('#my-input-s2').on('select2-open', function() {
    var height = $(".my-dropdown").first().height()
    console.log(height)
  })

结果总是29

当我使用它时(因为 select2 由于读取远程数据而没有完全打开:

 $('#my-input-s2').on('select2-open', function() {
    var height = setTimeout($(".my-dropdown").first().height(),0)
    console.log(height)
  })

我的结果是每次打开 select2 时值逐渐增加(例如 102，然后 109，然后 114)

但是我需要确定select2完全打开时下拉菜单的高度* 编辑(完全打开 = 打开完成时)感谢您的回答

Answer 1

这不是一个设定值吗？ select2 CSS 说:

.select2-results {
    margin: 4px 4px 4px 0;
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 0 0 4px;
    position: relative;
}

所以一个完全打开的下拉框的高度是 200px(+8 边距)。