javascript - jquery 选择器显示和隐藏

Question

所以我有两个 div，每个 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();
})