Question

我使用sequencer.js通过手机创建图像序列动画。我试图捕获img.sequencer标记的src，并显示叠加层（如果它是可见的）。目前，我的jQuery是这样的：

<div id="images">
    <img class="sequencer" src="./images/0.jpg">
</div>
<div id="over_1" class="overlay">
    <img src="#" />
</div>

jQuery(document).ready(function ($) {
    if ($('img.sequencer[src="./images/22.jpg"]').is(':visible')){
        $('#over_1').css({'display':'block'});
    }
});

然而，这没有任何作用。利用＆＃39;！＆＃39;在src属性上显示div，但不显示可见（即在页面加载时显示）。我做错了什么？

Answer 1

我假设#表示没有图像，所以你可以做这样的事情

var image = $('#over_1').children().attr('src');
if (image != '#' && image != '') {
    $('#over_1').css({'display':'block'});
}

如果您想继续使用visible，那么您可以这样做

$("#over_1").find('img').each(function(){
   if($(this).is(':visible')){
     alert("This image is visible");
    }
});

jQuery - 检查图像是否可见

1 个答案: