jquery - JQuery Dialog + Renderpartial、コンテンツが繰り返される

Question

以下は、ダイアログでコンテンツを起動するリンク ボタンです。

<a href="#" class="details-trigger">Show Dialog</a>

以下は、JQuery ダイアログに表示される内容です。

    <div class="dayblockdetails-modal" data-dialog-title="My Dialog" >
        @{ Html.RenderPartial(MVC.MyController.Views._MyPartialView, myModal); }
    </div>

以下は、ダイアログ ボックスを起動する JQuery コードです。

$(".details-trigger").off("click");
$(".details-trigger").on("click", function (e) {
    e.preventDefault();
    var dialogtitle = $(".details-modal").attr('data-dialog-title');
    $(".details-modal").dialog("option", "title", dialogtitle);
    $(".details-modal").dialog("open");
});
$(".details-modal", this).dialog({ modal: true, autoOpen: false });

「ダイアログを表示」リンクを最初にクリックすると、ダイアログボックスが正しく表示されます。しかし、ダイアログ ボックスを閉じて再度開くと、内容が繰り返されます。つまり、部分ビュー「_MyPartialView」のすべてのコンテンツが 2 回表示され、閉じて再度開くと N 回繰り返されます。

ここで何が問題なのですか？この問題を解決するにはどうすればよいですか？