Js用相同的按钮翻转/取消翻转

【问题标题】：Js flip/unflip with same buttonJs用相同的按钮翻转/取消翻转
【发布时间】：2021-11-13 01:11:16
【问题描述】：

您好，我想制作一个按钮，首先翻转图像，然后在下次单击时将其取消翻转... 我尝试了很多方法，但对我没有用..

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

【问题讨论】：

人们对您的问题投了反对票，因为它可以通过 Stack Overflow 的搜索快速回答：stackoverflow.com/search?q=javascript+flip+image

标签： javascript jquery button flip

【解决方案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
}

});

希望对你有帮助，谢谢

【讨论】：