jquery对话框将打开,其中包含旧内容和新内容

jquery对话框将打开,其中包含旧内容和新内容,jquery,dialog,jquery-ui-dialog,Jquery,Dialog,Jquery Ui Dialog,单击以打开对话框时,将显示旧内容和新内容。如果我添加$(this).dialog(“destroy”)则我根本无法打开该对话框。请让我知道如何不显示旧内容 <script> //display dialog box $("#dialog-message").dialog({ autoOpen: false, modal: false, draggable: true, resizable: true, show: 'blind', hi

单击以打开对话框时,将显示旧内容和新内容。如果我添加
$(this).dialog(“destroy”)则我根本无法打开该对话框。请让我知道如何不显示旧内容

<script>
//display dialog box
$("#dialog-message").dialog({
    autoOpen: false,
    modal: false,
    draggable: true,
    resizable: true,
    show: 'blind',
    hide: 'blind',
    width: 900,
    dialogClass: 'ui-dialog-osx',
    buttons: {
        "I've read and understand this": function() {
            $(this).dialog("close");
        }
    }
});

//click to open dialog box
$("#test").click(function() {
    $( "#dialog-message" ).dialog( "open" );
}
</script>

<p id="test">test</p>
<div id="dialog-message" title="Important information">
<form>  </form>
</div>

//显示对话框
$(“#对话框消息”).dialog({
自动打开:错误,
莫代尔:错,
真的,
可调整大小:正确,
节目:“盲人”,
隐藏:“瞎子”,
宽度:900,
dialogClass:'ui dialog osx',
按钮:{
“我已经阅读并理解了这个”:函数(){
$(此).dialog(“关闭”);
}
}
});
//单击以打开对话框
$(“#测试”)。单击(函数(){
$(“#对话框消息”)。对话框(“打开”);
}

测试


发生这种情况是因为您错过了结束括号
在您的代码中。正确的代码片段是:

//click to open dialog box
$("#test").click(function() {
    $( "#dialog-message" ).dialog( "open" );
});
我制作了一个JSFiddle来演示它的工作原理


发生这种情况是因为您错过了结束括号(代码>)在您的代码中。正确的代码片段是:

//click to open dialog box
$("#test").click(function() {
    $( "#dialog-message" ).dialog( "open" );
});
我制作了一个JSFiddle来演示它的工作原理


只需添加一个内容持有者,然后在捕获的点击事件中更改该内容,如下所示:

//显示对话框
$(“#对话框消息”).dialog({
自动打开:错误,
莫代尔:错,
真的,
可调整大小:正确,
节目:“盲人”,
隐藏:“瞎子”,
宽度:400,
dialogClass:'ui dialog osx',
按钮:{
“我已经阅读并理解了这个”:函数(){
$(此).dialog(“关闭”);
}
}
});
//单击以打开对话框
$(“#旧内容”)。单击(函数(){
$('#dialog message.content').text('这是旧内容');
$('#对话框消息')。对话框('打开');
});
$(“#新内容”)。单击(函数(){
$('#dialog message.content').text(“一些新内容”);
$('#对话框消息')。对话框('打开');
});

旧内容
新内容

只需添加一个内容持有者,然后在捕获的点击事件中更改该内容,如下所示:

//显示对话框
$(“#对话框消息”).dialog({
自动打开:错误,
莫代尔:错,
真的,
可调整大小:正确,
节目:“盲人”,
隐藏:“瞎子”,
宽度:400,
dialogClass:'ui dialog osx',
按钮:{
“我已经阅读并理解了这个”:函数(){
$(此).dialog(“关闭”);
}
}
});
//单击以打开对话框
$(“#旧内容”)。单击(函数(){
$('#dialog message.content').text('这是旧内容');
$('#对话框消息')。对话框('打开');
});
$(“#新内容”)。单击(函数(){
$('#dialog message.content').text(“一些新内容”);
$('#对话框消息')。对话框('打开');
});

旧内容
新内容

谢谢Hexodus。这也有助于解决我的问题。@tenzin我很高兴能提供帮助。请不要忘记投票;)谢谢赫克索德。这也有助于解决我的问题。@tenzin我很高兴能提供帮助。请不要忘记投票;)@Christos Lytras你能帮我检查一下吗@Christos Lytras你能帮我检查一下吗