检测CSS样式是否已更改 [英] Detect if css style changed

问题描述

如何检测div是否在none和none之间更改了display样式. block是否在任何时候(不在单击，鼠标悬停等状态下)?

How can I detect if div changed display style between none & block in any time (not on click, mouseover etc.)?

我尝试过

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

仅检查一次，但是display是否在10秒钟后没有任何变化后被更改.

which checks only once, but if display is changed after 10 seconds after nothing happens.

推荐答案

此处演示

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查询.

This will check your if query every 1 second (1000ms).

这篇关于检测CSS样式是否已更改的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！