jquery - jquery试图通过将3个变量加在一起来动画一个新的高度

Question

我有一个 div，我试图通过将其他 3 个 div 的高度相加来将其动画到一个新的高度。我不确定他们为什么不加在一起，但我可以为此提供一些帮助，在此先感谢您的任何建议。

var staff_CONTAINER_850_ht = $('#staff_CONTAINER_850').height();
var profile_850_BIO_ht = $('#profile_850_BIO').height();
var profile_850_EDU_ht = $('#profile_850_EDU').height();
var profile_850_CONTACT_ht = $('#profile_850_CONTACT').height();

var profile_TOTAL_ht = profile_850_BIO_ht + profile_850_EDU_ht +    
profile_850_CONTACT_ht;

$("#launcher").click(function() {

$("#staff_CONTAINER_850").animate({
    height: profile_TOTAL_ht
}, 300);
$("#staff_CONTAINER_850").animate({
    marginTop: staff_CONTAINER_850_ht* -1
}, 300);


$("#profile_850_HEADER").animate({
    marginTop: 45
}, 300);
$("#profile_850_BIO").delay(120).animate({
    marginTop: 10
}, 450);
$("#profile_850_EDU").delay(220).animate({
    marginTop: 10
}, 450);
$("#profile_850_CONTACT").delay(320).animate({
    marginTop: 10
}, 450);


}); 

Answer 1

确保您在 document.ready 上运行代码：

$(function(){
    var staff_CONTAINER_850_ht = $('#staff_CONTAINER_850').height();
    var profile_850_BIO_ht = $('#profile_850_BIO').height();
    var profile_850_EDU_ht = $('#profile_850_EDU').height();
    var profile_850_CONTACT_ht = $('#profile_850_CONTACT').height();

    var profile_TOTAL_ht = profile_850_BIO_ht + profile_850_EDU_ht +    
    // ECT....
});

如果您不这样做，那么高度将全部为null，并且您将尝试在不存在的元素上设置高度。