jQuery選擇器顯示和隱藏

Question

因此，我有兩個div，每個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圖像。