Question

我有一个名为siteads的div类，我将js-adbanners放入其中我有另一个名为adblockmessage

的div id

<div class="siteads"><!-- js-code goes here --></div>
<div id="adblockmessage"><!-- adblock message goes here --></div>

我想做的应该是简单的;检查height的{{1}}以及.siteads是否显示0px作为一个块（或显示/隐藏）

我做的是：

#adblockmessage

任何jQuery队长都可以在几秒钟内解决这个问题吗？提前谢谢！

Answer 1

你的jQuery if-else有错误。您可以在控制台中看到它（F12）。

function blockAdblockUser() {        
    if ($('.siteads').height() == 0) {
        $('#adblockmessage').show();
    }
        else $('#adblockmessage').hide();        
}

Fiddle

Answer 2

更容易做到这一点。

修改：
http://jsfiddle.net/uph9wz76/

检查元素是否为:visible将检查它是否存在，是否具有非hidden显示类型，以及是否具有维度。

更多信息： https://api.jquery.com/visible-selector/

Answer 3

如果你的div的内容是动态加载的，那么你需要使用window.load事件来获得正确的高度，如下所述：https://stackoverflow.com/a/13071846/1845408

$(window).load(function() {
   blockAdblockUser();
});

//blockAdblockUser fn goes here

Jquery隐藏或显示另一个div的高度div

3 个答案: