2013-01-10 53 views
1

通過經歷所有類似的問題,我有一個關於我的代碼與jQuery動畫持續時間失敗的問題。我的目的是使用Ajax從DB中拉長的內容並填充div,然後將div擴展到適當的高度。請大家歡迎指出我的理論中不夠好的東西。但是,當回到持續時間失敗時,它根本不起作用,我找不到原因。jQuery動畫持續時間不起作用

$('.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

+1

你意識到你的測試網站已經在動畫持續時間設置爲0,對不對? http://tiams.0zed.com/lib/news.js –

+0

Yup Rick,即使持續時間設置爲1000也不起作用。所以我將其設置爲零以節省系統資源。 – noob

回答

1

這是一個猜測:

是否設置爲隨高度的「POD」分區:0和溢出:隱藏在你的CSS?

如果是,未來的猜測

更換

height: '100%' 

height:pod.parent().innerHeight()