Длительность анимации jQuery не работает

Пройдя все подобные вопросы здесь, у меня есть вопрос относительно моего кода с ошибкой продолжительности анимации jQuery. Моя цель - использовать ajax, чтобы вытащить длинный контент из БД и заполнить 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');
            });
        }
    });
}

Демонстрационную страницу можно найти на сайте моего проекта.


jquery duration jquery-animate
person noob    schedule 10.01.2013    source источник
comment
Вы понимаете, что на вашем тестовом сайте продолжительность анимации установлена ​​на 0, верно? tiams.0zed.com/lib/news.js   -  person Rick Calder    schedule 11.01.2013
comment
Да, Рик, это не работает, даже если продолжительность установлена ​​​​на 1000. Поэтому я установил ее на ноль, чтобы сэкономить системные ресурсы.   -  person noob    schedule 11.01.2013

Ответы (1)


arrow_upward
1
arrow_downward

это предположение:

Вы установили свой div "pod" с высотой: 0 и переполнением: скрыто в вашем css?

если да, то следующая догадка

заменять

 height: '100%'

с участием

 height:pod.parent().innerHeight()
person mikakun    schedule 10.01.2013