4

私は jQuery Mobile のページ ナビゲーション システムを複製しようとしています。このシステムでは、DOM にロードされたページを呼び出すことができます。このページは、右に浮かんでアニメーション化され、これまでのところ次のようになっています: http://s46264.gridserver.com /dev/dave/pageslider/

私の問題は、animate ステートメントを呼び出す前にすべてのページ コンテンツをプリロードしたいということです (load page 2 を参照)。

これまでのコード:

var currPage = "one";

        function loadPage(newPage) {
            $("<div id='" + newPage + "' class='page'></div>").insertAfter('#'+currPage);
            $('#'+newPage).load('pages/' + newPage + '.php', function() {       
                $('#page_wrapper').animate({
                    left: '-400px'
                }, 200, function() {
                    $('#'+currPage).remove();
                    $('#page_wrapper').css('left',0);
                    currPage = newPage;
                });
            });
        }

        $(document).ready(function() {
            $("#page_wrapper").append("<div id='" + currPage + "' class='page'></div>");
            $('#'+currPage).load('pages/' + currPage + '.php');
        })

また、私はまったく新しいので、私のアプローチのエラーに関するヒントは好評です。

ありがとう

4

1 に答える 1

0

次の解決策を見てください。

http://chipsandtv.com/articles/jquery-image-preload

プリロードした DOM 内のすべてのイメージ タグを調べて、次のようにメモリ内にイメージ要素を作成しようとしましたか:

// images is an array with the image filenames, so you'd 
// have to extract these from the preloaded source.
$(images).each(function() {
    var image = $('<img />').attr('src', this);
});

.load()もちろん、これはまだこの特定の動作を示していないことを前提としています。

于 2012-06-03T17:54:11.540 に答える