1

通过在这里解决所有类似的问题，我对我的 jQuery 动画持续时间失败的代码有疑问。我的目的是使用 ajax 从 DB 中提取长内容并填充 div，然后将 div 扩展到适当的高度。非常欢迎您指出我的理论中任何不足之处。但是当回到持续时间失败时，它根本不起作用，我找不到原因。

$('.button_expand_news').click(function() {
    $(this).text('LOADING...');
    var pod = $(this).prev();
    var id = $(this).attr('id');
    $.ajax({
        url: 'func.blogs.php?p=loadNews&id=' + id,
        dataType: 'json',
        success: function(response) {
            var content = response['full_content'];
            pod.html('');
            pod.html(content);
            pod.animate({
                height: '100%'
            }, 500, function() {
                $(this).next().text('COLLAPSE');
            });
        }
    });
}

演示页面可以参考我的项目站点。

4

1 回答 1

1

这是一个猜测：

您是否将“pod” div 设置为 height : 0 和 overflow:hidden 在您的 css 中？

如果是，下一个猜测

代替

 height: '100%'

和

 height:pod.parent().innerHeight()
于 2013-01-10T23:34:18.507 回答