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

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方法acheive你现在正在试图

也许你需要改变你的事件处理程序是什么，

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

希望这有助于！