jquery-mobile - AJAX 経由でページ コンテンツを読み込み、JQM トランジション経由で表示する

Question

JQM アプリ用のマイナー テンプレート システムを構築したので、共通のスクリプト タグ、ヘッダー、フッターを含む同じ index.html ファイルを維持し、メイン コンテンツをコンテンツ データ ロールにロードするだけです。トランジションが失われることを除いて、完全に機能しています。

たとえば、誰かがリンクをクリックすると、$.loadそのリンクの URL を取得して content div にロードするだけです。私がやりたいことは、ajaxを使用してコンテンツをすぐに表示されるdivにロードし、スライドなどのJQMのトランジションの1つをトリガーして、その新しいdivを所定の位置にスライドさせることです。

これは可能ですか？ loadPageページ全体をロードし、トランジションをサポートしません。changePage では、ページ全体を変更する必要があります。

これを実行する js の内容は次のとおりです。HTML は、標準の単一ページ テンプレートです。

$(document).live('pagecreate', function() {
    \\ load a page in the views folder called needing.html into the content div
    loadContent("needing");
});

function loadContent (location, nav) {
    return $('#content').load("views/"+location+".html", function(resp) { 
            $(this).trigger('create');
            $('a').unbind('click').click(function (ev) {
            var $this = $(this), location = $this.attr('href');
                loadContent(location, nav);
                return false;
        })
   });
}