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