Html 如何在每次单击按钮时旋转块？

更准确地说，块的旋转不起作用

此时，块会旋转一次，我希望每次在两个方向上单击时都会旋转

怎么做

var now=10 $'.left'。单击函数{ $.d.css'transform'、'rotate'+now+'deg'； }; r{ 宽度：200px； 高度：200px； 边界：20px固体； 边界半径：50%； } 博士{ 宽度：200px； 高度：200px； 边框：20px纯蓝； 边界半径：50%； } .包装纸{ 宽度：230px； } .家长{ 宽度：240px； 高度：240px； 位置：相对位置； } R 博士{ 位置：绝对位置； } 博士{ 右边框颜色：透明； 边框顶色：透明； 变换：旋转45度； } .基站{ 显示：表格； 利润率：10px自动； } 钮扣{ 左边距：10px； } + -

---

你现在需要保持一个连续的总数，这样你就可以继续增加。例如：

var now = 0;

$('.left').click(function() {
  now += 10;
  $(".d").css('transform', 'rotate(' + now + 'deg)');
});

$('.right').click(function() {
  now -= 10;
  $(".d").css('transform', 'rotate(' + now + 'deg)');
});

正如另一个人刚刚指出的，你在旋转和旋转之间的空间也打破了它

---

如果您需要，这里有一个代码笔：

我想问题在于我删除了不必要的空间，希望能帮助您

var now = 10;

    $('.left').click(function() {
      now += 10;
      $(".d").css('transform', 'rotate('+now+'deg)');
    });

    $('.right').click(function() {
      now -= 10;
      $(".d").css('transform', 'rotate('+now+'deg)');
    });

---

在这种情况下，您必须一次又一次地增加或减少10度，以下是一个示例：

$(function(){
      var now = 10,
      count = 0;
      $('.left').click(function() {
        rotate( count + 1);
      });
      $('.right').click(function() {
        rotate( count - 1);
      });

      function rotate(new_count) {
        var rotatePx = ((new_count) * (now));
        $(".d").css('transform', 'rotate('+ rotatePx +'deg)');
        count = new_count;
      }

    });

---

为什么它不起作用。。。它不起作用，因为在“rotate”+now+“deg”中使用空格时，您的示例也不起作用@UbuntuUser您错过了第一行var now=10；