使用jQuery删除<li>元素后如何"更新代码"？

Question

我有16 <li>件物品.
单击按钮后,我运行以下代码删除<li>项目.

jQuery('.btnRemoveItem').live("click",function(){
    var obj = this;
    jQuery.post("wp-content/themes/storelocator/include/adm_gallery.php", { deleteImage: 'single', name: jQuery(this).attr('id') },
    function(data){
        if(data.status == 'deleted');
        {
            jQuery(obj).closest('li').fadeOut(400, function() { $(this).remove(); });
            var count = jQuery('#adminGallery ul li').length;
            jQuery('#imageCount').html(count);
        }
    }, "json");

});

此代码工作并删除列表项.但是,进行项目计数仍然会返回16项.因此,我需要以某种方式绑定事件.我想也许这$.live会有所帮助,但它没有效果.

我应该如何"绑定" <li>删除？

Answer 1

它没有工作,因为你没有删除元素,直到它完成淡出需要400毫秒,同时其余的代码继续,计数仍然看到即将被删除<li>.

只需将fadeout下方的两行移动到回调函数内部,它就会按照您的意图运行.