1

以下是在对话框中启动内容的链接按钮：

<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”的所有内容都显示了两次，并且在我关闭和重新打开时它们会不断重复 N 次。

这里有什么问题？以及如何解决这个问题？

4

1 回答 1

2

试试这个代码

    <a href="#" class="details-trigger" onclick="ShowDialog()">Show Dialog</a>

function ShowDialog()
{
      $('<div>').dialog({
            modal: true,
            open: function () {
                $(this).load("/Controller/PartialView/?AnyParam=" + id);
            },
            height: 250, width: 400, title: 'My Dialog', buttons: {
                "OK":function(){
                          //whatever
                               }
                     }, 
                close: function(){
                         $(this).html("");
                                 }
    });
}
于 2013-07-26T21:49:31.890 回答