将图像元素旋转+45度

Question

我正在尝试使图像元素每次用户单击“旋转”按钮时旋转+45度。 这就是我写的：

var gag =  0;

$(objName).click(function () {
   $('.rotate_handle').click(function(){
      var out = gag = gag + 45;
     $('.selektume').rotate(out+'deg');
});

return false;

但是它不起作用..而且我不太擅长调试，所以我不知道真正发生了什么。

Answer 1

您是否正在使用插件来提供.rotate()方法？ 我发现jqueryrotate，但它不希望在参数中添加“ deg”：

jsFiddle

var gag = 0;
$('.rotate_handle').click(function() {
    gag += 45;
    $('.selektume').rotate(gag);
    return false;
});

如果使用CSS3，则需要使用css()方法：

jsFiddle

var gag = 0;
$('.rotate_handle').click(function() {
    gag += 45;
    $('.selektume').css({
        '-webkit-transform': 'rotate('+gag+'deg)',
        '-moz-transform': 'rotate('+gag+'deg)'
    });
    return false;
});

Answer 2

var gag =  0;
$('.rotate_handle').click(function(){
     gag = gag + 45;
     $('.selektume').rotate(gag+'deg');
     return false;
});

假设所有内容都包装在document.ready处理程序中，则应该完成此工作。