2011-09-20 132 views
0

后创建的效果我有这样的功能:jQuery的负载

$(".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 - 数据突然出现。如何解决这个问题?

回答

1

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

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

这是工作,谢谢:) – Sasha

0

这条线:

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

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

我只是使用您的ID名称但如果你可能猜测澄清?