jquery - jquery加载后创建效果

Question

我有这个功能：

 $(".delete").live('click', function() {
  var commentContainer = $(this).parent();
        var id = $(this).attr("id");            
        var string = 'id='+ id ;    
    $.ajax({   
       url: "<?php echo site_url('messages/delete') ?>",
       type: "POST",
       data: string,
       cache: false,
       success: function(){
          commentContainer.slideUp('600', function() {$(this).remove();
             $('.messages').fadeOut('2000', function(){$(this).remove();
                $('#messages').load("<?php echo site_url('messages/show') ?>", function(){
                    $(this).slideDown('2000');
                    deleteConfirmSetup(qst); // Add function call here
                });
            }); 
        });             
    } 
  });
  return false;
});

它正在承受负载。它正在加载数据，但没有 slideDown - 数据突然出现。如何解决这个问题？

Answer 1

您需要修改代码中的以下行。首先隐藏元素，下一个方法将应用滑动效果并使其显示。

    $('#messages').load("<?php echo site_url('messages/show') ?>", function(){
         $(this).hide().slideDown('2000'); //modify this
         deleteConfirmSetup(qst); // Add function call here
    });        

Answer 2

这一行：

$(this).slideDown('2000');

应该是commentContainer.slideDown('2000');

我只是在猜测使用您的 ID 名称，但您是否可以澄清一下？