javascript - jQueryrotate if else 循环问题

Question

我正在尝试设置一个元素，该元素在单击时将旋转 180 度，然后在再次单击时再次旋转。我正在使用的代码如下。显然是不对的，感觉我需要使用 for 循环。

$('#hodgepodge').click(function(){
    var i = 0;
    if (i < 1) {
        $('#hodgepodge').rotate(180);
        var i = 1;
    } else {
        $('#hodgepodge').rotate(0);
        var i = 0;
    }
    });

Answer 1

您可以使用 jQuery 的 data() 来跟踪状态，然后只需切换它:

$('#hodgepodge').on('click', function(){
    $(this).rotate( !$(this).data('state') ? 180 : 0 );
    $(this).data('state', !$(this).data('state'));
});

FIDDLE