JQuery와 대화 + Renderpartial는 내용이

Question

다음 반복 대화 상자에 내용을 시작하는 링크 버튼입니다하기 :

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

다음은 : 다음

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

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

: 대화 상자를 시작하는 jQuery 코드 "Show Dialog"링크에서 대화 상자를 올바르게 표시합니다. 그러나 대화 상자를 닫았다가 다시 열면 내용이 반복됩니다. 즉, 부분 뷰 "_MyPartialView"의 모든 내용이 두 번 표시되고 닫히고 다시 열릴 때 N 번 반복됩니다.

무엇이 잘못 될 수 있습니까? 이 문제를 어떻게 소홀히하는가?

Answer 1

이 코드

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

시도