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函數完成加載頁面，然后繼續執行代碼？

Ajax頁碼： http ：//pastebin.com/XWa0jD77
easySlider1.7代碼： http ：//pastebin.com/CzK8BzfL

我考慮過從嵌入式頁面調用滑塊，盡管那行不通。

Answer 1

由於您已經在使用jquery，因此建議您丟棄ajaxpage函數，並使用$ jQuery.load（）;。 代替。

如您所見，在jQuery文檔中，load（）帶有一個回調函數，該函數可以完全滿足您的需求。