Question

所以我有两个div，每个都有一个img，第一个div图像将是一个广告，由广告经理提供，当chromes 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选择器显示和隐藏

2 个答案: