在指定高度jquery中添加元素

Question

我想在元素的高度等于500＆amp;时添加一个特殊的div。 1000＆amp; 1500，我试过这个，但它没有用。

＆＃13;

＆＃13;

var containerDiv = $('#someElement');
if(containerDiv.height() == 500 || containerDiv.height() == 1000 || containerDiv.height() == 1500) {
  $('<p>Test</p>').appendTo(containerDiv);
}

＆＃13;

＆＃13;

＆＃13;

` 问题是containerDiv.height（）返回孔高，但我想要遍历高度

Answer 1

你应该在div resize上添加一个事件监听器，试试这个代码

containerDiv[0].addEventListener('resize', function () {
    $('<p>Test</p>').appendTo(containerDiv);
}, false);

Answer 2

这就是你想要的吗？

var containerDiv = $('#someElement');
switch (containerDiv.height()) {
  case 500:
    $('<p>Test 500</p>').appendTo(containerDiv);
    break;
  case 1000:
    $('<p>Test 1000</p>').appendTo(containerDiv);
    break;
  case 1500:
    $('<p>Test 1500</p>').appendTo(containerDiv);
    break;
}