我有这个很棒的剧本。它占用了我的整个网页,并在<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);
最佳答案
使用jquery
的.one
实现您现在正在尝试的方法
可能您需要将事件处理程序更改为,
return $(".container").one("mouseup", function() {....
希望这有帮助!
关于javascript - 如何让这个脚本只执行一次?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46250953/