如何刷新jquery对话框以供下次使用？

Question

HI,I am using a div content to push in jquery dialog.After opening for the second time i want to refresh the dialog with the same content of div without affecting my code.How can i do that? Help me pls..The code is like:

Jquery dialog code:

$(function() {
    $( "#atendeePopup" ).dialog({
    autoOpen: false,
    width:610,
    height:680,
    show: "fold",
    hide: "core"
    });

    $('.flora.ui-dialog').css({position:"fixed"});

    $( "#widgetAtendeeIcon").click(function() {
        $( "#atendeePopup" ).dialog( "open" );
        return false;
    });
});

html code:

<div id=""#atendeePopup" >
<p>My div content here</>
</div>

Answer 1

First of all your HTML is invalid (maybe not copy & paste):

<div id="#atendeePopup" >
   <p>My div content here</p>
</div>

you can change the content of your popup by calling:

$("#atendeePopup").html("<p>This is the new content</p>");

Answer 2

I am assuming by refresh you mean put back in the original data, and here we gooo:

$(function () {
    if ($("#atendeePopup").data('orig') == undefined) {
        $("#atendeePopup").data('orig', $("#atendeePopup").html());
    }
    $("#atendeePopup").dialog({
        autoOpen: false,
        width: 610,
        height: 680,
        show: "fold",
        hide: "core"
    });
    $('.flora.ui-dialog').css({
        position: "fixed"
    });

    $("#widgetAtendeeIcon").click(function () {
        if ($("#atendeePopup").data('orig') != undefined) { //update to orig
            $("#atendeePopup").html($("#atendeePopup").data('orig'));
    }
    $("#atendeePopup").dialog("open");
    return false;
    });
});

Answer 3

It should be as easy as setting $(<div name> <input name>).val('') for each of the inputs in the form. If you include your code, we can give more specific advice.