jQuery动画/加载第一次工作不正常

jQuery动画/加载第一次工作不正常,jquery,Jquery,单击某个链接时,将执行以下代码: div.animate({ opacity: 0 }, 100, function () { $(this).load(url, function () { $(this).animate({ opacity: 1 }, 500); }); }); 除了第一次外,它每次都能正常工作。以下情况在各种浏览器中发生: div包含加载的数据,但在再次单击链接之前保持空白。它没有样式/不透明度属性,并且在开发工具中将不透明度设置为

单击某个链接时,将执行以下代码:

div.animate({ opacity: 0 }, 100, function ()
{
    $(this).load(url, function ()
    {
        $(this).animate({ opacity: 1 }, 500);
    });
});
除了第一次外,它每次都能正常工作。以下情况在各种浏览器中发生:

div包含加载的数据,但在再次单击链接之前保持空白。它没有样式/不透明度属性,并且在开发工具中将不透明度设置为1不会显示div

为了安全起见,我试着增加5秒的延迟时间,并将整个事情分解成单独的陈述,但都没有效果

如果删除动画语句,即只保留加载,则问题将消失

有人知道为什么会这样吗

编辑

很抱歉浪费了您的时间,一定是一些不可靠的引用-在清理并重新启动站点后,错误消失了

请尝试更改:

$(this).animate({ opacity: 1 }, 500);

说明:

我真的不确定在.load的上下文中这是什么,但您知道div是正确的jQuery对象

另外,如果你还没有aleady,那么把整个东西都包在里面:

$(function(){
   ...
});

这样它就可以在dom ready上运行了

写得不好的fiddle,但是:。看起来这指向加载成功回调中的div。所以问题不在这里。@andrew:谢谢你的建议,但它确实指向了正确的div,我可以在调试器中看到它,而改为“div”并没有什么区别
$(function(){
   ...
});