javascript - 当lazyload遇到了display=none ??

Question

<p class="tabs">
 <p class="tab1">
   <img class='lazyload' lazy-src="xxx" />
 </p>
 <p class="tab2" style="display:none;">
   <img class='lazyload' lazy-src="xxx" />
 </p>
</p>

比如给 img 的某个祖先元素设置了 display:none 后， 我们便无法获得 img 的位置信息，导致所有的不可见 tab 中的 img 都会全部加载进来；我们如何判断 img 是否处于显示状态 ？

Answer 1

$(".lazyload").is(":hidden")

Answer 2

楼上说得对 好用