1

ボタンがクリックされるたびに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);
});
4

1 に答える 1

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

関数をチェーンしようとしている場合、そのセミコロンは存在しないはずです。

コードは正常に機能します。呼び出し方法を少し調整するだけです。トグルすると要素が非表示になるため、代わりにクリックイベントを使用してください。

$(".info_btn")
  .css("-webkit-transition", "-webkit-transform 0.25s ease-in-out")
  .data('angle', 0)
  .click(function() {
      increaseAngle(this);
});
于 2013-01-17T23:01:09.367 に答える