出于某种原因,我将此代码显示为弹出窗口。
<div id="myDialog" title="myTitle">
<div class="table_cell">
<div class="message"></div>
</div>
<div class="table_cell" onclick="doMyThing(<?php echo $id; ?>)">
<span style="cursor:pointer">Accept</span>
</div>
</div>
当我用 Javascript 触发某个事件时,将执行下一个代码:
$(document).ready(function() {
$('#myDialog').dialog();
$('.message').html("Some text");
});
这工作得很好。虽然,我需要在单击跨度字段后隐藏/关闭对话框。我尝试过类似 $('#myDialog').dialog('close');
但它不起作用。另外,尝试在第一次单击时在“myDialog”中设置 display: block
,然后display: none
,但对话框仍然保留在屏幕上。
这个“myDialog”实际上从 css 接收一些样式,这就是为什么我要编写这样的假对话框。有什么建议吗?
最佳答案
您可以使用提供的按钮,而不是自己制作
jQuery:
$(document).ready(function() {
$( "#mydialog" ).dialog({
modal: true,
buttons: {
"Accept": function() {
doMyThing(<?= $id ?>);
$( this ).dialog( "close" );
}
}
})
});
HTML:
<div id="myDialog" title="myTitle">
<div class="table_cell">
<div class="message"></div>
</div>
</div>
您可以在此处查看正确的文档:http://jqueryui.com/dialog/#modal-confirmation
关于javascript - 关闭 jQuery 对话框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27566227/