ajax를 통해 데이터를 대화 상자에 전달 Jquery

Question

외부 양식을로드하는 jquery 대화 상자에 양식의 데이터를 게시하려고합니다.

나는 (URL에 표시) 작동 양식 데이터를 직렬화하고 있지만 대화 상자가 열리지 않습니다 : 내가 잘못 뭐하는 거지

 $("#wavajax button").click(function() { 
    $.post({url: 'player/index.php', data: $("#wavajax").serialize(), 
     success: function (data) { 

        $("#recordingdialog").load("player/index.php", [], function(){ 
       $("#recordingdialog").dialog("open"); 

       } 
    }); 
    return false; 
}); 

, 나는 그것에 대해 올바른 길을 갈거야 ???

Answer 1

나는이 필요하시면 생각 : 그래서 그냥 (또는 적어도 나는이 경우 생각)

$("#wavajax button").click(function() { 
    $.post('player/index.php', $("#wavajax").serialize(), function (data) { 
     $("#recordingdialog").html(data).dialog("open"); 
    }); 
    return false; 
}); 

당신은 이미 POST에서 다시 HTML 콘텐츠를 받고있어 해당 응답을 #recordingdialog에 넣고 .html()을 사용하고 대화를 호출하십시오. 이전 옵션 대화 상자를 작성하지 않는 경우, 그럼 그냥 .dialog()는 다양한 옵션과 함께 이전 대화 상자를 만들 때를위한 것입니다, .dialog('open')을 충분이처럼, 지금 열려 :

$("#recordingdialog").dialog({ 
    //other options, width, height, etc... 
    autoOpen: false 
}); 

You can find a full list of these options here

Answer 2

먼저 대화 상자를 표시하고 콘텐츠를로드하는 것이 더 좋은 방법 일 수 있습니다.

$('#recordingdialog').dialog('destroy'); // just in case 
$('#recordingdialog').dialog({ 
    position: 'center', 
    // some more options 
    open: function(e, ui){ 
     $.post('player/index.php', data: $("#wavajax").serialize(),function (data){ 
       $("#recordingdialog").html(data); 
     }); 
    } 
}); 

클릭 처리기 내에 있습니다.

UI Dialog Doc

Answer 3

좋아 나는이 작업이 :

 $("#recordingdialog").dialog({ 
    //other options, width, height, etc... 
    modal: true, 
     bgiframe: true, 
     autoOpen: false, 
     height: 550, 
     width: 550, 
     draggable: true, 
     resizeable: true, 
     title: "Play Recording",}); 


$("#wavajax button").click(function() { 
    $.post('player/index.php', $("#wavajax").serialize(), function (data) { 
     $("#recordingdialog").html(data).dialog("open"); 
    }); 
    return false; 
}); 

감사 닉! 하지만 한 가지 문제가 있습니다. 대화 상자를 닫고 버튼을 클릭하여 다시 열면 아무 일도 일어나지 않습니다. ???