观察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>

我需要触发一个Javascript方法时，<canvas>或给定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)
   }
});