jquery - First and Second touch a button，如何显示不同时间的图像？

Question

我想在触摸一个按钮后更改图像的 css，我想在第二次触摸按钮后更改另一个图像的 css。

如何将此代码合并到 1 个函数中？因为现在当我触摸按钮时，它会同时显示 2 个图像。

$('.button').on('touchend', function(){
   $('img.image1').css('visibility', 'visible');
});

$('.button').on('touchend', function(){
   $('img.image2').css('visibility', 'visible');
});

Answer 1

您想使用标志或类似的东西来在每次单击时更改按钮绑定(bind)。

var action = 1;
$("input").on("click", viewSomething);

function viewSomething() {
    if ( action == 1 ) {
        $("body").css("background", "honeydew");
        action = 2;
    } else {
        $("body").css("background", "beige");
        action = 1;
    }
}