JQuery的.show動畫不能正常工作

Question

我有一個問題我的代碼:)

 var limit = 15; 

    $(document).ready(function() { 
     var data = 'clients=&categories=&keywords=&limit='+limit; 
     $.ajax({ 
     type: 'POST', 
     url: 'index.php?ind=work&op=get_list', 
     data: data, 
     success: function (data) { 
      $('.list').html(data); 
      $('.thumb').click(function() { 
      var idz = 'id='+$(this).attr('id'); 
     $.ajax({ 
      type: 'POST', 
      url: 'index.php?ind=work&op=get_work', 
      data: idz, 
      success: function (data) { 
      $('.work').show('slow').html(data); 
      } 
     }); 
      }); 
     } 
     }); 
    }); 

的HTML代碼很簡單：

<div class=\"center wide work\" style=\"display: none;\"> 
</div> 

當我點擊一個div.thumb，所有需要的信息裝載沒有問題。問題是沒有過渡動畫。請幫忙。感謝提前！

Answer 1

我能想到的唯一原因是該元素已經顯示出來，所以儘量

$('.work').hide().html(data).show('slow');