jquery - ファンシーボックスiframeに動的にAjaxコンテンツをロードする方法

Question

プレビュー ボタンをクリックするとフォームのプレビューを表示したいので、ここで ajax 呼び出し (ポスト リクエストを使用) を実行して、fancybox にデータを表示します。ここに私のコードがあります

$('#preview').click(function(e) {
    e.preventDefault();

    $.fancybox.showLoading();
    $.post($(this).attr('href'), $('form').serialize(), function(res) {
        $.fancybox(res, {
            beforeShow : function() {
                // do some thing
            }
        });
    });
})

正常に動作していますが、適切な設計で表示するには、タイプiframeの fancybox で ajax 応答を表示する必要があります。

前もって感謝します。