jquery - jQuery .click():事件

给定以下代码（jFiddle）：

<style>
div.bluebox {
  width: 200px;
  height: 200px;
  background-color: blue;
}

div.greenbox {
  width: 200px;
  height: 200px;
  background-color: green;
}


div.greenbox:active{
  background-color: yellow;
}
</style>
<script>
$('.bluebox').click(function(e){
      e.preventDefault();
    $('.greenbox').click();
});
</script>

<div class="bluebox">
</div>

<div class="greenbox">
</div>

如果单击绿色框，则其背景颜色将变为黄色。如果单击蓝框，则会触发绿框的click事件，但背景仍为绿色。当间接执行点击时，如何告诉jQuery给greenbox激活状态？

最佳答案

您应该尝试在js中设置所有内容。
像这样：

$('.bluebox').mousedown(function(){
    $(".greenbox").css("backgroundColor", "yellow");
    }).mouseup(function(){
        $(".greenbox").css("backgroundColor", "green");
    });
$('.greenbox').mousedown(function(){
    $(".greenbox").css("backgroundColor", "yellow");
}).mouseup(function(){
    $(".greenbox").css("backgroundColor", "green");
});

https://jsfiddle.net/1nxfy18v/

关于jquery - jQuery .click():事件，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/36889355/