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处理程序中。

将图像元素旋转+45度

2 个答案: