jquery 选择器显示和隐藏

Question

所以我有两个 div，每个都有一个 img，第一个 div 图像将是广告，由广告管理器提供，当 chrome adblocker 阻止此广告时div 我希望第二个 div 显示在同一区域。下面是我写的代码，但我想这似乎不起作用，请帮我解决这个问题？

html 标记

<div class="iw-300x250-right ">
    <img class="iw-300x250-img" alt="" border="0" src="http://addmanagerlink/banners/63-1-1444562919.png" width="300" height="250">
    <div class="iw-boxy-placeholder">
        <img src="imagelink" width="300" height="250">
    </div>
</div>

css

.iw-boxy-placeholder img {
    display: none;
}

js

$(document).ready(function() {
    if ($('img.iw-300x250-img').css('display') == 'none') 
        {
        $('.iw-boxy-placeholder img').css('display') == 'block !important')
    });
    })

Answer 1

您的代码中存在语法问题，除此之外，我认为您可能需要更好的处理程序，因为阻止程序可以删除元素，或者它可以运行在 dom 准备就绪之后

$(document).ready(function () {
    var fn = function () {
        if (!$('img.iw-300x250-img').length || $('img.iw-300x250-img').is(':hidden')) {
            $('.iw-boxy-placeholder img').show();
            clearInterval(timer);
        }
    }
    var timer = setInterval(fn, 1000);
    fn();
})

Answer 2

$(document).ready(function() {
if ($('img.iw-300x250-img').is(":hidden")) 
        {
        $('.iw-boxy-placeholder img').show();
    });
    })

检查第一张 div 图片是否被隐藏，如果是则显示第二张 div 图片。

jquery 选择器显示和隐藏

jquery selector display and hide

html

javascript

css

jquery

adblock