Javascript 如何在单击下一步按钮之前等待幻灯片切换完成

$（'.mybutton'）。单击（函数（）{
$（'.someclasstohide'）。滑动切换（500）
})

Hmm，考虑到您希望使按钮在动画运行期间不可点击，而不是停止动画（清除动画队列，这通常会完成），我将利用

考虑示例代码：

$('.mybutton').click(function(){
    // Disable the button
    $(this).prop("disabled", true);

    $('.someclasstohide').slideToggle(500, function(){
        // Reenable the button
        $('.mybutton').prop("disabled", false);
    });
})

---

嗯，如果你想让按钮在动画运行期间不可点击，而不是停止动画（清除动画队列，这通常是完成的），我会利用

考虑示例代码：

$('.mybutton').click(function(){
    // Disable the button
    $(this).prop("disabled", true);

    $('.someclasstohide').slideToggle(500, function(){
        // Reenable the button
        $('.mybutton').prop("disabled", false);
    });
})

---

另一种可能是检测元素是否正在设置动画，然后返回。您可以为此使用

动画

选择器。如果你希望你的按钮被禁用，那么@James的答案就是最好的选择

$（'.mybutton'）。单击（函数（）{
var classToHide=$（'.someclasstohide'）；
if（classToHide.is（'：animated'）返回；
classToHide.slideToggle（500）；
});
#测试{
宽度：50px；
高度：100px；
背景：黑色；
}

点击我
另一种可能是检测元素是否正在设置动画，然后返回。您可以为此使用
动画
选择器。如果你希望你的按钮被禁用，那么@James的答案就是最好的选择


$（'.mybutton'）。单击（函数（）{
var classToHide=$（'.someclasstohide'）；
if（classToHide.is（'：animated'）返回；
classToHide.slideToggle（500）；
});
#测试{
宽度：50px；
高度：100px；
背景：黑色；
}

点击我
因此，它是在单击时被设置动画的，您希望在动画发生时禁用按钮吗？因此，它是在单击时被设置动画的，您希望在动画发生时禁用按钮吗？回调内部的
$（this）
应该是
$（'.mybutton'））
。回调内部的
$（this）
应该是
$（'.mybutton'）
。