jquery - jQueryuiダイアログが2回目に機能しない

Question

こんにちは私はボタンを持っていて、onClickはいくつかのフォーム要素を含むjQueryuiダイアログボックスをポップアップします。最初にクリックするとすべてが完全に機能しますが、2回目にクリックするとボックスが表示されますが、フォーム要素が消えて空のダイアログボックスになります。何がうまくいかないのですか？使用しているコードは次のとおりです。

var $dialog = $('<div id="saveDialog"></div>')
    .html('Please choose the folder you wish to save the file in:')
    .dialog(
    {
        autoOpen: false,
        modal: true,
        buttons: {Ok: function()
            {
                $( this ).dialog( "close" );
            }},
        show: "blind",
        hide: "explode",
        resizable: true,
        minWidth: 500,
        maxWidth: 800,
        height: 400,
        open: function()
        {
            var phpArray = <?php echo json_encode($directories); ?>;
            $.each(phpArray, function (i, elem) 
            {
                   $('#saveDialog').append('<br> <img src="/app/webroot/css/jqueryFileTree/images/directory.png"/><a id="'+elem+'">'+elem+'</a>');

            });
         }

$dialog.dialog('open');
    return false;

前もって感謝します！