jquery - jQuery ui 对话框不会第二次工作

Question

嗨，我有一个按钮，onClick 我弹出一个 jQuery ui 对话框，其中包含一些表单元素。我第一次单击一切正常，但第二次单击该框出现但我的表单元素消失了，它只是一个空对话框。任何想法出了什么问题？我使用的代码是：

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;

提前致谢！