Javascript 需要帮助通过ajax加载内容吗

考虑以下脚本：

  $(".workSnippet").click(function () {

    //set variable portfolioCount based on index

    portfolioCount = $(".workSnippet").index(this);

    //load content based on portfolioCount

    $('#work #cycle' + portfolioCount).load("ajax-content/ajax-content.php #portfolioImage" + portfolioCount);

    // when loaded, run animation functions 

    $("#work").ajaxComplete(function(){

        //help required here

        setTimeout(invokeMultipleCycle, 200);

        showWork();

    });

在我的页面上，有多个名为.workSnippet的“缩略图”。当您单击其中一个时，我希望它通过ajax加载内容。它与索引函数一起选择要加载的内容。我的工作非常好

问题是，有点乱。当您单击.workSnippet时，它会运行一个动画，但是在动画发生时，高质量图像加载缓慢

我想做的是：

在加载函数invokeMultipleCycle和showWork之前，等待ajax请求完成

在动画出现之前，添加一个绝对位于.workContent上方的ajax加载动画

请记住两件事：

页面上有多个.工作夹。 内容没有加载到workSnippet中，而是加载到另一个名为work的div中。 您将看到，我已经尝试使用ajaxComplete函数进行此操作。然而，它似乎不起作用。也许这是因为ajax请求已完成，但映像仍需要“加载”吗

非常感谢你的帮助

谢谢

史蒂夫

也许这是因为ajax 请求完成，但映像仍然存在 需要“加载”吗

对。您必须在加载图像后制作动画。我一时想不出一个办法来做到这一点；我认为研究类似document.ready的东西是解决方案