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你能帮我检查一下吗