диалог jquery открывается и все работает, но не второй раз

Question

мой сайт находится в mvc-4, я открываю частичный вид в диалоговом окне. частичный просмотр работает отлично в первый раз, но когда я его открываю второй раз и так далее, он открывает диалог, но частичный вид не работает. Я думаю, что некоторые проблемы с jquery я делаю неправильно. В частичном разрешении событие div hover не работает.

Это мой код, чтобы открыть диалоговое окно:

<div onclick="ShowHistory();">Actions History</div> 
function ShowHistory() 
{ 
    myDialog = $("<div> </div>"); 
    myDialog.dialog({ 
     autoOpen: false, 
     width: 1050, 
     title: "Title", 
     resizable: false, 
     modal: true, 
     draggable: false, 
    }); 

    myDialog.load("@Url.Action("Method_return_partial_view", new {id = 1 })", 
function() { 
     myDialog.dialog('open'); 
    }); 

} 

Контроллер метод:

[Authorize] 
    public PartialViewResult Method_return_partial_view(int id) 
    { 
     var list = GetHistory(id); 
     return PartialView("_partialViewName", list); 
    } 

Edit:

Я также сортировки сетки и сортировки сетки осуществляется с помощью JQuery Ajax , он отлично работает, когда открыт первый раз, и метод контроллера для сортировки вызывает один раз, но когда я открываю диалог второй раз, и я нажимаю на сортировку заголовка, тогда методы контроллера, вызванные с несколькими из двух, меня ans, если щелкнуть один раз, затем вызвать один раз, если нажать 2-й раз, тогда метод контроллера вызовет 2 раза, если 3-й вызывает 4 раза.

Answer 1

Вы должны попытаться определить, что произойдет, когда диалог закрывает, чтобы его можно было повторно использовать повторно. Попробуйте следующее:

function ShowHistory() 
{ 
    myDialog = $("<div> </div>"); 
    myDialog.dialog({ 
     close: function (event, ui) { 
      // remove div with all data and events    
      myDialog.remove(); 
       }, 
     autoOpen: false, 
     width: 1050, 
     title: "Title", 
     resizable: false, 
     modal: true, 
     draggable: false, 
    }); 

    myDialog.load("@Url.Action("Method_return_partial_view", new {id = 1 })", 
function() { 
     myDialog.dialog('open'); 
    });  
}