javascript - 观察 div 何时隐藏或显示

Question

我有这个代码:

<div class="test-tube uk-align-left uk-hidden-small">
  <div class="test-tube-bg uk-align-center">
    <canvas id="test-tube" class="substance" width="25" height="230" style=""></canvas>
  </div>
</div>

当<canvas>时我需要触发Javascript方法或具有给定 id 的 div 隐藏或显示，这将在屏幕调整大小期间发生(因此 u k-hidden-small )，这可以在 jQuery 中完成吗？

Answer 1

是的，您可以使用 jQuery 来实现这一点，就像这样。

$(window).resize(function() {
   if($('.uk-hidden-small').is(':hidden')) {
   //code to run when it's hidden
   } else {
   //code to run when it's shown (if necessary)
   }
});