我想计算手风琴打开面板的高度,并将其用作变量。
当我加载页面时,面板关闭,因此打开时面板的高度小于面板的高度。点击面板标题后,我想找到高度,然后完全打开。
我怎么能这样做?
答案 0 :(得分:1)
使用jQuery
获取元素高度有两种方法$("#elementId").height();
或者
$("#elementId").css("height");
.css(" height")和.height()之间的区别在于后者返回无单位像素值(例如,400),而前者返回单位完整的值(例如,400px)。当需要在数学计算中使用元素的高度时,建议使用.height()方法。
Check jQuery docs on height here
然后要知道面板打开后的高度,您需要将事件监听器绑定到所需的手风琴事件。
由于您使用的是jQuery,因此可以使用.on
函数绑定到事件:
$("#elementId").on( "eventName", function() {
console.log($(this).height());
});
如果你使用的是bootstrap手风琴或jQuery UI手风琴,下面是关于你需要绑定的确切事件的文档(如果我知道你是什么类型的手风琴我可以更具体地使用代码示例正在使用)