javascript - 关闭 jQuery 对话框

Question

出于某种原因，我将此代码显示为弹出窗口。

<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 接收一些样式，这就是为什么我要编写这样的假对话框。有什么建议吗？

Answer 1

您可以使用提供的按钮，而不是自己制作

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