如何在每个函数调用上打开UI对话框?

时间:2012-12-15 06:48:52

标签: javascript jquery dialog jquery-ui-dialog

每当OpenDialog()方法每次调用其内容时,我都想打开对话框。

功能:

function OpenDialog(){
    $("#seeContent").dialog({
                autoOpen: "false",
                stack: "true",
                height: "600",
                width: "700",
                resizable: "false"
            });
}

函数调用:

<input type="button" onclick="OpenDialog()">

Note:第一次通话时效果很好,第二次通话时它会覆盖第一次通话。

2 个答案:

答案 0 :(得分:1)

HTML:

<input type="button" id="open_dialog">
<div id="content"></div>

JS:

$('#open_dialog').click(function(){
var data = getData();     //Get new data
$('#content').html(data); //Replace old data
$('#content').dialog({    //Open dialog
     autoOpen: "false",
     stack: "true",
     height: "600",
     width: "700",
     resizable: "false"
    });
});

基本上,每次单击打开对话框时,应首先加载新数据,然后打开对话框。

答案 1 :(得分:0)

clone()帮助我创建对话副本。以下是我的工作代码。

jQuery("#seeContent").clone().dialog(
            { autoOpen: "false",
              stack: "true",
              height: "600",
              width: "700",
              resizable: "false" }
  });

我发布了这个答案,因为我可以帮助别人。

希望,它会帮助你。谢谢。 !!