javascript - 按钮在移动设备上的反应与在桌面上的反应相同

Question

我的问题可能看起来很简单，但我真的很坚持。这是一个链接：https ://codepen.io/anon/pen/VqyMpj

该按钮的工作原理令人惊叹，但是当您在移动设备上打开它并单击它时 - 它不像在桌面上那样工作，它不会恢复到原来的形式（只是在最后保留 x ）。

我需要它像在桌面上一样在移动设备上工作。

也许问题出在 setTimeout 上？

这是我的 JS 代码：

(function () {
    var removeSuccess;

    removeSuccess = function () {
        return $('.btn-cart').removeClass('success');
    };

    $(document).ready(function () {
        return $('.btn-cart').on("click", function () {
            $(this).addClass('success');
            return setTimeout(removeSuccess, 1000);
        });
    });

}).call(this);

标签： javascripthtmlcssbuttonmobile

Answer 1

试试这个代码 - 你的回报很奇怪

$(function() { // on page load
  $('.btn-cart').on("touchstart click", function() {
    $(this).addClass('success');
    setTimeout(function() {
      $('.btn-cart').removeClass('success');
    }, 1000);
  });
});