jquery - jquery增量旋转按钮

Question

嘿，我正在尝试每次单击按钮时将其旋转 45 度设置动画，但我无法让我的功能正常工作，这就是我目前所拥有的：

function increaseAngle(elem) {
    var oldAngle = $(elem).data('angle');
    var newAngle = oldAngle + 45;
    $(elem)
        .css("-webkit-transform", "rotateZ(" + newAngle + "deg)")
        .data('angle', newAngle);
}

$(".info_btn")
    .css("-webkit-transition", "-webkit-transform 0.25s ease-in-out")
    .data('angle', 0);
    .toggle(function() {
        increaseAngle(this);
    }, function() {
        increaseAngle(this);
});

Answer 1

    .data('angle', 0);
    .toggle(function() {

如果你试图链接你的函数，那个分号不应该在那里。

您的代码工作正常，您只需要对调用它的方式进行细微调整。Toggle 将隐藏元素，因此请改用 click 事件。

$(".info_btn")
  .css("-webkit-transition", "-webkit-transform 0.25s ease-in-out")
  .data('angle', 0)
  .click(function() {
      increaseAngle(this);
});