禁用动画Javascript/jQuery期间的单击按钮

我在网站上的按钮有问题。我必须禁用onclick功能，而动画将不会结束。我使用jQuery、引导库和CSS webkit动画来实现这些元素。 我必须这样做，因为CSS和jQuery动画在网站上被窃听了，当动画继续时，按钮会跳到鼠标上

以下是主要代码：

$（“.start按钮”）。单击（函数（）{
$（“#第一层”）.fadeOut（“slow”，function（）{}）；
$（“.start按钮”）.addClass（“动画淡出”）；
});
按钮{
显示：内联；
宽度：200px；
字体系列：“Rajdhani”，无衬线；
字体大小：粗体；
颜色：56E39F；
左边距：15px；
-webkit动画持续时间：5s；
-webkit动画延迟：5s；
}
.button bg clr、.button bg clr:focus、.button bg clr:active、.button bg clr:visited{
背景色：#56E39F；
过渡：背景色1000ms线性，颜色1s线性；
大纲：无！重要；
字体大小：粗体；
-webkit动画持续时间：5s；
-webkit动画延迟：5s；
}
.按钮背景clr:悬停{
背景色：白色；
颜色：黑色；
}
#烟雨{
-webkit动画持续时间：0.5s；
-webkit动画延迟：0.5s；
}



你的天气在一个地方
开始
您可以使用
bind
和
unbind
jQuery方法创建和删除事件侦听器。下面是一个例子（如果有什么不清楚的地方，请尽管问）：


$（“.start按钮”）.mouseover（函数（）{
setTimeout（函数（）{
$（“.start按钮”）.bind（“单击”，单击后动画）；
}, 1000);
});
$（“.start按钮”）.mouseleave（函数（）{
$（“.start按钮”）。取消绑定（“单击”，单击后动画）；
setInterval（函数（）{
$（“.start按钮”）。取消绑定（“单击”，单击后动画）；
}, 1000);
});
函数afterClickAnimation（）{
$（“#第一层”）.fadeOut（“slow”，function（）{}）；
$（“.start按钮”）.addClass（“动画淡出”）；
}
按钮{
显示：内联；
宽度：200px；
字体系列：“Rajdhani”，无衬线；
字体大小：粗体；
颜色：56E39F；
左边距：15px；
-webkit动画持续时间：5s；
-webkit动画延迟：5s；
}
.button bg clr、.button bg clr:focus、.button bg clr:active、.button bg clr:visited{
背景色：#56E39F；
过渡：背景色1000ms线性，颜色1s线性；
大纲：无！重要；
字体大小：粗体；
-webkit动画持续时间：5s；
-webkit动画延迟：5s；
}
.按钮背景clr:悬停{
背景色：白色；
颜色：黑色；
}
#烟雨{
-webkit动画持续时间：0.5s；
-webkit动画延迟：0.5s；
}



你的天气在一个地方
开始
您可以使用
bind
和
unbind
jQuery方法创建和删除事件侦听器。下面是一个例子（如果有什么不清楚的地方，请尽管问）：


$（“.start按钮”）.mouseover（函数（）{
setTimeout（函数（）{
$（“.start按钮”）.bind（“单击”，单击后动画）；
}, 1000);
});
$（“.start按钮”）.mouseleave（函数（）{
$（“.start按钮”）。取消绑定（“单击”，单击后动画）；
setInterval（函数（）{
$（“.start按钮”）。取消绑定（“单击”，单击后动画）；
}, 1000);
});
函数afterClickAnimation（）{
$（“#第一层”）.fadeOut（“slow”，function（）{}）；
$（“.start按钮”）.addClass（“动画淡出”）；
}
按钮{
显示：内联；
宽度：200px；
字体系列：“Rajdhani”，无衬线；
字体大小：粗体；
颜色：56E39F；
左边距：15px；
-webkit动画持续时间：5s；
-webkit动画延迟：5s；
}
.button bg clr、.button bg clr:focus、.button bg clr:active、.button bg clr:visited{
背景色：#56E39F；
过渡：背景色1000ms线性，颜色1s线性；
大纲：无！重要；
字体大小：粗体；
-webkit动画持续时间：5s；
-webkit动画延迟：5s；
}
.按钮背景clr:悬停{
背景色：白色；
颜色：黑色；
}
#烟雨{
-webkit动画持续时间：0.5s；
-webkit动画延迟：0.5s；
}



你的天气在一个地方
开始
您可以使用jQuery
“：animated”
选择器和
.is（）
在
中单击事件处理程序以检查元素当前是否已设置动画


函数切换（）{
如果（！$（this）.is（“：动画”））{
$（此）。设置动画({
top:this.getBoundingClientRect（）.top<50？“50px”：“0px”
}, 1500)
}
}
$（“div”）。打开（“单击”，切换）
div{
顶部：0px；
位置：相对位置；
字体大小：36px；
背景：绿色；
宽度：计算（18px*5）；
文本对齐：居中；
}

单击
您可以使用jQuery
“：animated”
选择器和
事件处理程序中的
.is（）
，以检查元素当前是否处于动画状态