javascript - 如何让这个脚本只执行一次？

Question

我有这个很棒的剧本。它占用了我的整个网页，并在<button>上显示了它的背面。点击。爱它。但我只希望它翻转一次，然后锁定该翻转。如何禁用 div 翻转后的点击？

(function() {


$(document).ready(function() {
    var count, rotateX;
    rotateX = 0;
    count = 0;
    $(".container").on("mousedown", function() {
      rotateX += 180;
      $("body").css({
        "transform": "scale(1.2)"
      });
      if (count % 2 === 0) {
        return $(".container").css({
          "box-shadow": "0px 32px 56px rgba(0,0,0,.1)"
        });
      } else {
        return $(".container").css({
          "box-shadow": "0px -32px 56px rgba(0,0,0,.1)"
        });
      }
    });
    return $(".container").on("mouseup", function() {
      $(this).css({
        "transform": "rotateX(" + rotateX + "deg)"
      });
      $("body").css({
        "transform": "scale(1)"
      });
      if (count % 2 === 0) {
        $("body").css({
          "background": "transparent"
        });
        $(".container").css({
          "box-shadow": "none"
        });
      } else {
        $("body").css({
          "background": "#165730"
        });
        $(".container").css({
          "box-shadow": "0px 2px 4px rgba(0,0,0,.1)"
        });
      }
      return count++;
    });
  });

}).call(this);

Answer 1

使用jquery的.one实现您现在正在尝试的方法

可能您需要将事件处理程序更改为，

return $(".container").one("mouseup", function() {....

希望这有帮助!