jQuery/Javascript - 延迟执行一个函数,直到另一个函数完成

Question

我正在尝试将php页面加载到元素中,然后将滑块应用于加载的内容.
问题是在执行函数并且滑块已经开始工作后,内容需要几秒钟才能加载.
我试图以某种方式延迟滑块功能的执行,直到php嵌入功能完成.

这是我的代码:

$(document).ready(function () {
    ajaxpage("products.php?type=featured&order=salesNumber", "featuredArea");
});

$(document).ready(setTimeout(function () {
    $(".productsArea").easySliderProducts({
        nextText: "Next",
        prevText: "Previous"
    });
    document.getElementById("outputHere").innerHTML = $(".page ul#featuredArea li").length;
    $(".page").easySlider({
        s: $(".page ul#featuredArea li").length,
        auto: true,
        continuous: false,
        nextId: "featNextArrow",
        nextText: "",
        prevId: "featPrevArrow",
        prevText: "",
        pause: 7500
    });
}, 1000));

为了使用setTimeout函数,我将它们分开.
它适用于我,但结果可能与其他人不同.
我想知道是否可以等到ajaxpage功能完成加载页面然后继续代码？

AjaxPage代码:http:
//pastebin.com/XWa0jD77 easySlider1.7代码:http://pastebin.com/CzK8BzfL

我想过从嵌入页面中调用滑块,虽然这不起作用.

Answer 1

由于你已经在使用jquery,我建议你扔掉你的ajaxpage函数并使用$ jQuery.load(); 代替.

正如您在jquery doc`s中看到的那样,load()带有一个回调函数,它可以完全满足您的需求.