用jquery點擊多次旋轉圖像

Question

我正在嘗試使用jquery旋轉圖像，該圖像將在多個鼠標單擊時旋轉。使用jquery-rotate插件，以下代碼僅旋轉圖像一次（轉換爲firefox中的畫布），並且在進一步點擊時不再旋轉。

$(".drag-and-rotatable img").click(function() { 
    $(this).rotate(45); 
}); 

我打算使用其他JavaScript庫。

Answer 1

當你說rotate(45)，你正在旋轉圖像45度？ （請確保它不是弧度，我不使用插件）從原來的旋轉，因此，如果你想保持旋轉，你必須保持加上或減去度：

$(function() {         // doc ready 
    var rotation = 0;        // variable to do rotation with 
    $(".drag-and-rotatable img").click(function() { 
     rotation = (rotation + 45) % 360; // the mod 360 probably isn't needed 
     $(this).rotate(rotation); 
    }); 
});