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的{{3}}方法来实现您现在正在尝试的内容

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

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

希望这有帮助！

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

1 个答案: