1

我正在尝试将 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

我考虑过从嵌入页面中调用滑块，尽管那行不通。

4

1 回答 1

7

由于您已经在使用 jquery，我建议您丢弃 ajaxpage 函数并使用$jQuery.load(); 反而。

正如您在 jquery 文档中看到的那样， load() 带有一个回调函数，它完全符合您的需要。

于 2012-06-21T15:05:25.030 回答