javascript - jQuery 和 Ajax 加载时的奇怪变量值

Question

我有这个代码

var varheight;
$('.item-content').load("content/content.html", function(){
    varheight = $('.item-content').css('height');
    $('.item-content').css({height: 0});
    $('.item-content').animate({'height': varheight}, 1000);
});

我想要它做的是加载容器中的内容，这样我就可以在加载后获得容器的总大小，然后在用户看到它之前将高度设置为0，然后慢慢地通过动画，将高度增加到它的大小。

看起来很简单，代码应该可以正常工作...但是，发生了一些奇怪的事情...如果我检查 varheight 的值并发出如下警告:

var varheight;
$('.item-content').load("content/content.html", function(){
    varheight = $('.item-content').css('height');
    alert(varheight);
    $('.item-content').css({height: 0});
    $('.item-content').animate({'height': varheight}, 1000);
});

我得到 0。它不应该是，因为我刚刚在 .item-content 中加载了很多内容

奇怪的是，如果我删除接下来的两行，就像这样:

var varheight;
$('.item-content').load("content/content.html", function(){
    varheight = $('.item-content').css('height');
    alert(varheight);
});

我得到了真实值(大约 1300px，这不是这里真正重要的点)。

我不禁想知道，为什么即使还没有达到这些线，该值也会发生变化？如果此变量不再更改，它们如何影响该变量的值，最糟糕的是，警报出现在这些行之前？？

我在这里疯了!

Answer 1

显然，有另一个运行的并行脚本在此之前将高度硬编码为 0，导致了问题!

脚本已删除，问题已解决。