jquery ui 대화 상자가 첫 번째 아약스 요청에서 양식 태그를로드하지 않습니다.

Question

안녕하세요, jQuery UI 대화 상자를 사용하여 콘텐츠를 편집하고 jquery UI 탭을 대화 상자에 추가하고 있습니다. 편집 단추를 클릭하면 Ajax 요청을 보냅니다. 그 안에.

하지만 첫 번째 아약스 요청에서 양식 태그를 추가하지 않고 대화 상자를 열면 양식 요소가 표시되므로 양식을 제출할 수 없습니다. 대화 상자를 닫고 다시 열어야합니다. html에는 양식 태그도 있습니다.

콘솔 출력에서 ​​양식 태그를 보여주는 첫 번째 요청이 있습니다. 하지만 대화 상자에는 아무 것도 없습니다. 여기

는 이전에 내 코드

$(".edit-media").on('click', function() { 
    var url = $(this).data('url') + '?' + Math.random(); 
    // $("#media_edit_dialog").load(url); 
    $.post(url, function (data) { 
     $("#media_edit_dialog").html('').html(data) 
      .dialog({ 
      modal: true, 
      width: 'auto', 
      autoOpen: false, 
      resizable: false, 
      open: function() { 
       console.log('i will open'); 
       $('#tabs, .tabs').tabs(); 
       Admin.dateTimePicker(); 
      }, 
      buttons: { 
       "Save": function() { 
        $("#media_edit_form").submit(); 
       }, 
        "Cancel": function() { 
        $(this).dialog("close"); 
       } 
      } 
     }) 
      .dialog('open'); 
    }); 
}); 

Answer 1

인스턴스화하고, 아약스에 방금로드에 추가

jQuery('#media_edit_dialog').dialog('open'); 

그것이 매력처럼 작동 거짓