Javascript 如何使此脚本只执行一次？

我有这个很棒的剧本。它占据了我的整个网页，并在

点击时显示其背面。我喜欢。但我只希望它翻转一次，然后锁定翻转。我如何在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);

使用

jquery

的方法来实现您现在正在尝试的内容

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

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

希望这有帮助

使用

jquery

的方法来实现您现在正在尝试的功能

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

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

---

希望这有帮助

大卫，太完美了。我不得不在（哈哈，太棒了！！为什么生活不是这么简单？你能把我的回答记下来吗？；-）是的！！绝对地再过7分钟我就不想再去了。我想是因为我的代表率低，明白了。。没有问题@JonathanSafaDavid，很完美。我不得不在（哈哈，太棒了！！为什么生活不是这么简单？你能把我的回答记下来吗？；-）是的！！绝对地再过7分钟我就不想再去了。我想是因为我的代表率低，明白了。。没有问题@JonathanSafa