Question

我正在使用jQuery.load在表单提交后重新加载页面的特定部分。问题是它将内容添加到我的网站，但突然之间。我想要一些带动画的东西。如果新内容从上到下弹出或显示，那将会很棒。

以下是我迄今所做的：http://jsfiddle.net/9Dubr/651/

setTimeout(function(){
    var old = $('p').html();
    $('p').replaceWith('<p>.../p>'); // Emulates load
    var $new = $('p').html();
    var newh = $('p').height();
    $('p').html(old);
    $('p').animate({height: newh}, 500, function(){
        $('p').html($new)
    });
}, 1000);

但这不是我想要的，因为文字突然出现

我的加载电话：

$.reloadSection = function (id) {
  var q = window.location.pathname + (window.location.search || "") + " " + id;
  console.log(q)
  $(id).load(q, function () {});
}

Answer 1

当您插入新内容时，默认显示为全高，您需要将其设置为0 preor to insertion：

$(old).replaceWidth($(new).hide());

应该做的伎俩

也可以使用slideDown而不是自己动画高度

Javascript：加载后添加动画内容

1 个答案: