Question

我想知道是否有一种简单的方法可以在点击它后旋转div +90度并在下次返回到0度时单击它（这样div可以旋转-90度）。因为我找不到任何我正在寻求帮助的东西。谢谢。

Answer 1

您可以使用toggleClass并将css转换应用于该类：

.rotated { 
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

fiddle

(\\([^)]+\\))|([^ \"]*\"[^\"]*\")|([^ ]+)

Answer 2

您需要使用CSS来旋转+-90。对于div，您必须添加/删除toggleClass，这可以通过click轻松实现。在$('.square').click(function() { $(this).toggleClass('rotate-90'); });事件中添加此行为将导致如下所示。

.square {
  width: 150px;
  height: 100px;
  background-color: red;
}

.rotate-90 { 
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="square">
  
</div>

tar zcvf wp-content/*

jQuery旋转div onclick +/- 90

2 个答案: