我怎样才能"toggled"列表元素 (JQuery)，然后当这个动画完成删除()，所有这些都在鼠标点击 img 在 <li>？

Question

，因为它立于删除函数不起作用。有什么建议吗？

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);
)
}

Answer 1

您正在寻找的功能是.queue()。上一个动画完成后，它将执行提供的回调：

$(document).on('click', 'img', function() {
    var $entry = $(this).parent();
    $entry.toggle('slide').queue(function(next) {
        $entry.remove();
        next();
    });
});

工作示例：http：//jsfiddle.net/rbbgs/