Question

如何在display＆amp;之间检测div是否更改none样式？ block在任何时候（不是点击，鼠标悬停等）？

我试过

if ($('#div').css('display') == 'block') {
    $("#div2").css({"visibility": "hidden"});
}

只会检查一次，但如果在没有任何反应的情况下10秒后更改display。

Answer 1

您可以尝试window.setInterval()。

这可能会有所帮助：SelfHTML reference to setInterval

Answer 2

Demo here

function change() {
    if ($('#div').css('display') == 'block') {
        $("#div2").css('display', 'none');
    } else {
        $("#div2").css('display', 'block');
    }
    setTimeout(change, 1000);
}
setTimeout(change, 1000);
$('#change').click(function () {
    $("#div").toggle(function(){$("#div1").css('display', 'inline')});
});

这将每1秒（1000毫秒）检查一次if查询。

Answer 3

也许没有什么值得做的事情更像是类似jquery的做法：

if (!$('#div1').is(':hidden')) {
    $('#div2').hide();
}

检测css样式是否已更改

3 个答案: