Javascript 如何将列表元素设置为";“切换到”;(JQuery)然后,当此动画完成时,在<;李>;?

Javascript 如何将列表元素设置为";“切换到”;(JQuery)然后,当此动画完成时,在<;李>;?,javascript,jquery,onclick,slidetoggle,removeclass,Javascript,Jquery,Onclick,Slidetoggle,Removeclass,目前,删除功能不起作用。有什么建议吗 var toggle = new function() { $(document).on('click', 'img', function () { $(this).parent().toggle('slide'); }) } var remove = new function() { $(document).on('click', 'img', setTimeout(function () {

目前,删除功能不起作用。有什么建议吗

var toggle = new function() {
    $(document).on('click', 'img', function () {
        $(this).parent().toggle('slide');
    })
}    
var remove = new function() {
    $(document).on('click', 'img', 
    setTimeout(function () {
        $(this).parent().remove();
    }, 1000);
)
}

您正在寻找的功能是。在上一个动画完成后,它将执行提供的回调:

$(文档)。在('click','img',function()上{
var$entry=$(this.parent();
$entry.toggle('slide')。队列(函数(下一步){
$entry.remove();
next();
});
});

工作示例:

为什么要将这些事件绑定保存为变量?还有,为什么要将两个单击事件绑定到同一个元素?您打算如何处理
.on()
调用中的最后一个参数
1000
.on()
在事件处理程序之后不接受任何参数,是吗?只声明它们会更好吗?我这样做是为了自动调用它们。我更新了它,我有1000,因为我忘了包括setTimeout函数,该函数应该允许上一个动画完成。它们不是那样自动调用的!恰恰相反!之后需要使用
toggle()
remove()
显式调用它们。