Question

我希望在关闭之前获得点击的div的高度。我有两个div，当我点击第一个然后在另一个上然后关闭第一个我总是得到第二个的高度而不是我关闭的那个div。关于如何获得我关闭的div的高度的任何建议？

$('.price-list').on('shown.bs.collapse', function () {
        height = $(this).find('.price_list').outerHeight();
});

和这个

$('.price-list').on('hidden.bs.collapse', function () {
  alert(height);
});

Answer 1

你正在使用一些主题。试试这个。这将显示一种简单的方法来获取任何元素的this Hello World example，height和inner height而不点击。（当用户将鼠标输入元素时。）

＆＃13;

<html>

<head>
  <title></title>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
</head>

<style type="text/css">

div#one, div#two{
	border: 1px solid black;
	color: white;
	text-align: center;
	margin:20px;
	font-size: 30px;
}

div#one{
	background-color: orange;
	width: 200px;
	height: 399px;

}

div#two{
	background-color: purple;
	width: 400px;
	height: 230px;
}

</style>


<body>

<div id="one">first div</div>
<div id="two">second div</div>

<script type="text/javascript">

$("div#one").mouseenter(function(){
	var _height = $(this).height();
	var _innterheight = $(this).innerHeight();
	var _outerheight = $(this).outerHeight();

    var display = "height :"+_height +"---->"+"InnerHeight :"+_innterheight +"----->"+"outerheight :"+_outerheight
    alert(display);

});


$("div#two").mouseenter(function(){
	var _height = $(this).height();
	var _innterheight = $(this).innerHeight();
	var _outerheight = $(this).outerHeight();

    var display = "height :"+_height +"---->"+"InnerHeight :"+_innterheight +"----->"+"outerheight :"+_outerheight
    alert(display);

});


</script>

</body>

</html>

＆＃13;

如何在div关闭之前获得div的高度？

1 个答案: