jquery - ダイアログは「ポップアップ」しませんが、ページ全体をリダイレクトします

Question

現在、Fullcalendar jquery プラグインを使用してカレンダーに取り組んでいます。イベントをクリックしたときに開くダイアログが必要です。カレンダーのイベントを一瞬クリックすると、ダイアログを開いたときに灰色の背景が表示され、ポップアップするはずのダイアログがページをクリアして開きます（カレンダーが消えます）。私はどこまでも探してきましたが、何が間違っているのかわかりません。

これは clickevent の私のコードです:

eventClick: function (event) {
    if (event.url) {
        var page = event.url
        var title = "test"
        var $dialog = $('<div></div>')
            .html('<iframe style="border: 0px; " src="' + page + '" width="100%" height="100%"></iframe>')
            .dialog({
                autoOpen: false,
                modal: true,
                height: 300,
                width: 600,
                title: title,
                position: "top"
            });
        $dialog.dialog('open');
    }
    return false
}

編集 ：

どうやらそれはjqueryのバージョンと関係があります。これらは私の輸入品です：

<link href='../../../Scripts/fullcalendar/fullcalendar.css' rel='stylesheet' />
<link href='../../../Scripts/fullcalendar/fullcalendar.print.css' rel='stylesheet' media='print' />
<%--<script src='../../../Scripts/jquery-1.9.1.min.js'></script>--%>
<%--<script src='../../../Scripts/jquery-ui-1.10.2.custom.min.js'></script>--%>
<script src="../../../Scripts/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="../../../Scripts/dialog/jquery.dialog.min.js" type="text/javascript">       </script>
<script src='../../../Scripts/fullcalendar/fullcalendar.min.js'></script>
<link href="../../../Scripts/dialog/css/ui-lightness/jquery.dialog.css" rel="stylesheet" type="text/css" />

下位バージョンのjqueryを使用すると、ダイアログは正常に機能します。ドラッグ＆ドロップを実装するには、新しいバージョンが必要です。一日中解決策を探していますが、見つかりません。どんな助けでも大歓迎です

アップデート：

jquery-migrate-1.2.0.js をインポートすると、ダイアログが表示されます。しかし、今、私は新しい問題を抱えています: カレンダーのイベントがダイアログの上にポップアップし、ダイアログを数回開いた後、それ自体が修正されたようです。しかし、それでもかなり面倒です。現在、ダイアログが開いたときにカレンダーを非表示にすることで解決していますが、バックグラウンドで表示したいのですが...