Ajax 새로 고침이 jqModal 기능을 엉망으로 만듭니다.

Question

jquModal을 내 net/mvc 앱에서 사용하여 간단한 jquery 모달 팝업을 수행하려고합니다. 레코드를 나열하고 편집을 수행하는 모달 대화 상자를 팝업하는 "편집"버튼이있는 테이블이 있습니다. 제출할 때 모달 팝업을 숨기고 .ajax() 메서드를 사용하여 아래의 표를 새로 고칩니다.

그러나 "편집"페이지를 클릭하면 jqModal이 실행되지 않고 대신 모달 팝업 대신 직접 편집 페이지로 이동합니다.

ajax 콜백 후에 jqModal 스크립트를 다시 주입하려고했지만 그 중 하나가 작동하지 않습니다. 어떤 도움을 주셔서 감사합니다!

$.ajax(
{ 
    type: "GET", 
    url: "HomePage/ViewTimelineFeatures", 
    dataType: "html", 
    success: function(result) { 
      $("myDiv").html(result); 
      // Now re-initialize jqModals here doesn't work... 
     } 
    }); 

Answer 1

html을 업데이트 한 후에 트리거를 다시 추가해야합니다. 나는이 똑같은 문제를 안고 있었다.

$ ("# blah")라고 할 때 jqmodal ... .jqmodal 클래스에 트리거를 설정하여 모달에 내용을로드합니다. 이걸 아약스로로드하고있는 중이 야? 그래서 같은 :

$("#someDiv").jqModal({ajax:'@href'}); 

은 위 아약스 코드에 의해 혼란 비트 항목의 선방을하고 이것은 당신이 편집 한 것입니다있어 I? 이것은 일반적으로 얻는 것이 아니라 쓴 것입니다. 어쨌든, 업데이트 된 데이터로 테이블을 렌더링하고 기존 테이블을 대체하는 것처럼 보입니다. 이후

$ ("myDiv") .html (result);

당신은

$("#someDiv").jqmAddTrigger(".jqModal"); 

당신은 내가 이것을 확인할 수있는 HTML/아약스 코드에 붙여 넣을 경우 (당신이 처음에 .jqModal을 사용 가정) 당신의 편집 링크를 다시 트리거를 추가해야 .