Js flip/unflip 具有相同的按钮

Question

你好，我想制作一个按钮，首先翻转图像，然后在下一次点击时取消翻转... 试了很多方法都不行..

    $('.button').on("click", function (){ 
$('#image').css("transform","scaleX(-1)");
})

Answer 1

使用标志变量来记录更改。喜欢

var flipFlag = 0 // initialy unfliped condition
$('.button').on("click", function (){ 
if(flipFlag == 0)
{
  $('#image').css("transform","scaleX(-1)"); // flip form
  flipFlag=1;                                // 1 to say fliped
}
else
{
  $('#image').css("transform","scaleX(0)"); // original form
  flipFlag=0;                               // 0 to say unfliped
}

});

希望对您有所帮助，谢谢

Js flip/unflip 具有相同的按钮

Js flip/unflip with same button

javascript

jquery

button

flip