Question

HI，我正在使用div内容来推送jquery对话框。第二次打开之后我想刷新具有相同div内容的对话框而不影响我的代码。我该怎么做？请帮帮我..代码如下：

Jquery对话框代码：

$(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代码：

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

Answer 1

首先，您的HTML无效（可能不是复制和粘贴）：

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

您可以通过调用：

来更改弹出窗口的内容

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

Answer 2

我假设refresh你的意思是放回原始数据，在这里我们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

应该像为表单中的每个输入设置$(<div name> <input name>).val('')一样简单。如果您包含代码，我们可以提供更具体的建议。

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

3 个答案: