如何在下一次按钮点击之前等待slideToggle结束

Question

 $('.mybutton').click(function(){
 $('.someclasstohide').slideToggle(500)
 })

如何使我的按钮等到幻灯片完成？我的意思是在下一次点击之前等 如果我添加insert.stop(),它只是停止垃圾邮件,直到slideToggle完成.

Answer 1

嗯,假设你想在动画运行一段时间内使按钮不可点,而不是停止动画(清除动画队列,通常这样做),我会利用JQuery的slideToggle()回调.

考虑示例代码:

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

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