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

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

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;
    }
}

Answer 2

首先打开img 1然后再打开第二次点击img 2.这也不会隐藏，只需先将CSS添加到img 1然后再点击第二次将css添加到img 2。

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

Answer 3

这样的事情怎么样？您只需要一个标记即可知道按下或触摸按钮的时间。

var timeTouched = 0;

$('.button').on('touchend', function(){
   if (timeTouched == 0){
      $('img.image1').css('visibility', 'visible');
   }
   else {
      $('img.image2').css('visibility', 'visible');
   }
   timeTouched++;
});

第一次和第二次触摸按钮，如何在不同时间显示图像？

3 个答案: