jQuery旋转防止点击后的堆叠功能
jQuery旋转防止点击后的堆叠功能
提问于 2014-04-01 16:57:57
你好，在用户点击按钮后，我使用这个jQueryRotate插件旋转我的div。
我想停止堆叠旋转后，按钮被点击不止一次。只是一直在加速。
我已经研究过了，使用.stop()和return false;都不会有帮助。我只想知道，是否有办法在下一次点击时重置旋转，还是在单击另一个按钮后停止旋转。非常感谢!
回答 1
Stack Overflow用户
回答已采纳
发布于 2014-04-01 18:12:39
故障来自在循环中多次声明。我在点击事件之外提取变量，从而阻止了故障的发生。
为了防止速度的增加，我做了一个快速检查，看看按钮是否已经被点击。见下文
$(document).ready(function () {
var angle = 0
var angleone = 0;
var clicked = false;
$('.concept').click(function () {
if (!clicked) {
setInterval(function () {
angle += 3;
$(".gear").rotate(angle);
}, 50);
setInterval(function () {
angleone -= 3;
$(".gear-one").rotate(angle);
}, 50);
clicked = true;
}
});
$('.bar').click(function () {
if ($('#default').is(':visible')) {
$('#default').fadeOut(200);
};
});
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/22799642
复制相关文章
相似问题
腾讯云开发者
