Question

通过浏览所有类似问题，我对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');
            });
        }
    });
}

演示页面可以引用my project site。

Answer 1

这是一个猜测：

你有没有设置你的“pod”div高度：0和溢出：隐藏在你的CSS？

如果是，则下一次猜测

替换

 height: '100%'

与

 height:pod.parent().innerHeight()

jQuery动画持续时间不起作用

1 个答案: