当外部div的css改变时，改变内部div的css

Question

我想知道当另一个div的样式发生变化时，是否有办法改变div的样式。

例如，假设我们有一个div（test1），它在5秒后改变其z-index。当test1有z-index=2时，我想更改另一个div（test2）的css。

Answer 1

我认为没有内置事件，但您可以像这样使用setInterval：

$("ol.simple_with_animation").customSortable({

var divStyle = null;
setInterval(function () {
   var newDivStyle = $("#myDiv").attr("style");
   if (newDivStyle !== divStyle) {
      divStyle = newDivStyle;
      $("#myDiv").trigger("divStyleChange");
   }
}, 50);

$("#myDiv").bind("divStyleChange", function () {
    $("#myDiv2").css("background-color", "#"+((1<<24)*Math.random()|0).toString(16));
});

function ChangeColorOfOuterDiv() {
    $('#myDiv').css('background-color','#'+((1<<24)*Math.random()|0).toString(16));
}

#myDiv {
    width:100px;
    height:100px;
    background-color:red;
}
#myDiv2 {
    width:50px;
    height:50px;
    background-color:yellow;
}