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() {

如果你试图链接你的功能，那分号就不应该在那里。

您的代码works fine，您只需稍微调整一下即可调用它。切换将隐藏元素，因此请改为使用click事件。

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