このスクリプトを1回だけ実行させるにはどうすればよいですか？

Question

私はこの素晴らしい脚本を持っています。それは私の全体のウェブページを取り、<button>クリックでそれの裏側を示しています。大好きです。しかし、私はそれを1回フリップし、そのフリップをロックしたいだけです。 divをクリックすると、その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

あなたが今

をしようとしているものをacheiveする使用jqueryの.one方法

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

は、この情報がお役に立てば幸いです、とおそらくあなたのイベントハンドラを変更する必要があります！