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

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;
    });
});