JQuery的对话框+的RenderPartial，得到重复内容

Z时代
2024-01-10
分类：问答

以下是链接按钮，启动内容的对话框：JQuery的对话框+的RenderPartial，得到重复内容

<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次。

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

回答：

试试这个代码

<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(""); 
           } 
    }); 
}