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 doc`sでわかるように、load（）には、必要なことを正確に実行するコールバック関数が付属しています。

于 2012-06-21T15:05:25.030 に答える