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