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

Question

单击某个链接时，将执行以下代码：

div.animate({ opacity: 0 }, 100, function ()
{
    $(this).load(url, function ()
    {
        $(this).animate({ opacity: 1 }, 500);
    });
});

除了第一次以外，它每次都很完美。以下是在各种浏览器中发生的情况：

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

我尝试添加一个延迟（5秒是安全的）并将整个事件分成单独的语句，但都没有帮助。

如果删除了animate语句，即只剩下load，则问题就会消失。

有谁知道为什么会这样？

修改

抱歉任何浪费的时间，一定是一些狡猾的参考 - 清洁和重新启动网站后错误消失

Answer 1

尝试更改：

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

到

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

说明：

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

另外，如果你还没有，请将整个内容包裹起来：

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

这样它就可以在dom上运行