Transmettre des données via un ajax à une boîte de dialogue Jquery

Question

J'essaie de publier des données de mon formulaire dans une boîte de dialogue jquery qui charge du contenu externe.

Je suis sérialisation les données de forme qui fonctionne (apparaît dans l'URL), mais la boîte de dialogue ne sera pas ouvert:

 $("#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; 
}); 

Qu'est-ce que je fais mal, vais-je parler de la bonne façon ???

Answer 1

Je pense c'est ce que vous êtes après:

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

Vous êtes déjà obtenir le contenu HTML retour du POST (ou du moins je pense que c'est le cas), si juste mettre cette réponse dans le #recordingdialog en utilisant .html() et ensuite faire l'appel de dialogue. Si vous n'êtes pas créer au préalable un dialogue avec des options, puis juste .dialog() suffit, .dialog('open') est destiné à lorsque vous avez créé la boîte de dialogue précédente avec différentes options et que vous voulez ouvrir maintenant, comme ceci:

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

You can find a full list of these options here

Answer 2

C'est peut-être une meilleure idée d'afficher d'abord la boîte de dialogue et de charger le contenu.

$('#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); 
     }); 
    } 
}); 

dans votre gestionnaire de clic.

UI Dialog Doc

Answer 3

Ok je l'ai travailler avec ceci:

 $("#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; 
}); 

Merci Nick! Mais ayez un problème. Quand je ferme la boite de dialogue et clique sur le bouton pour l'ouvrir à nouveau rien ne se passe pourquoi pas ???