jquery 대화 상자가 열리고 모든 작업이 두 번째로 작동하지 않지만

Question

내 사이트가 mvc-4에 있습니다. 대화 상자에서 부분보기를 여는 중입니다. 부분보기는 처음에는 잘 작동하지만 두 번째로 열면 대화 상자가 열리고 부분보기는 작동하지 않습니다. 나는 jquery 문제가 내가 잘못하고 있다고 생각한다. 부분 뷰에서 div 호버 이벤트가 작동하지 않습니다.

이

열고 내 코드 대화 :

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

편집 :

가 나는 또한 그리드를 정렬하고, 그리드 정렬이 JQuery와 아약스를 사용하여 수행됩니다 , 잘 때 첫 번째 시간 및 정렬 컨트롤러 메서드를 한 번 호출 할 때 작동하지만 두 번째 시간 대화 상자를 열고 머리글을 정렬 할 컨트롤러 메서드를 두 개, ans 한 번 클릭 한 번 한 번, 두 번째 클릭 한 다음 컨트롤러 메서드를 두 번 호출하는 경우 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'); 
    });  
}